/* Flaherty Style sheet - based on default Blue */

/*********************************
Eric Meyer's CSS reset
*********************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 12px; font-family: inherit; vertical-align: baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1; text-align:left; min-width:910px;/* for mozilla*/ background-color: #fff; height:100%;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/*****************************
End CSS reset
****************************/

/*****************************
CSS3 Font selectors
*****************************/

@font-face {font-family: Tallys_15;
			src:url(http://www.ianflaherty.com/dev/fonts/Tallys_15.eot); /* IE */
			src: local(Tallys_15) url('http://www.ianflaherty.com/dev/fonts/Tallys_15.otf') format(opentype);}
@font-face {font-family: GraublauWeb; 
			src: url(http://www.ianflaherty.com/dev/fonts/GraublauWeb.eot); /*IE */ 
			src: local(Graublau Web) url('http://www.ianflaherty.com/dev/fonts/GraublauWeb.otf') format(opentype);}
@font-face {font-family: GraublauBold; 
			src: url(http://www.ianflaherty.com/dev/fonts/GraublauWebBold.eot); /*IE */ 
			src: local(Graublau Web) url('http://www.ianflaherty.com/dev/fonts/GraublauWebBold.otf') format(opentype);
			font-weight: bold;}

/* HEADER: General Tags & Text */

body { font-family: Tahoma, verdana, sans-serif; background: #fff url(../images/page_bg2.png) top left repeat-x; margin: 0px; padding: 0px; height: 100%; font-size:100%;}

a {text-decoration: none; color: #999999;}
a:hover {text-decoration: underline;}

/* HELP: Main page headings, for example product names, section titles etc. */
h1 {font-size: 1.8em; font-family: Tallys_15, Arial, Helvetica, sans-serif; color: #666666; margin-bottom: 2em; border-bottom: 1px dotted #d7d7d7;text-shadow: 0px 1px 0px #fff;}
h2 {font-family: Tallys_15, Arial, Helvetica, sans-serif; font-size: 1.1em; color: #666; margin: 15px 0 10px; clear: both;}

p { font-size: 1em; color: #999999; line-height: 1.5em; margin-bottom: 1.5em;}

#welcome_snippet {width: 680px; margin-bottom: 50px; padding-bottom: 50px; background: transparent url(../images/quote_open.png) top left no-repeat; border-bottom: 1px dotted #DCE0E2;}
#welcome_snippet h1 {font-family: Tallys_15, Arial, Helvetica, sans-serif; font-size: 32px; border-bottom: none; margin: 0 0 0 40px; background: transparent url(../images/quote_close.png) bottom right no-repeat; font-weight: normal;}
#welcome_snippet img {margin: 40px 0 20px;}
#welcome_snippet p {font-family: Tallys_15, Arial, Helvetica, sans-serif; font-size: 1em; margin-bottom: 2em; line-height: 1.6em;}
.bold {font-family: Tallys_15, Arial, Helvetica, sans-serif; color: #666666; font-size: 32px; font-weight: bold;}


strong { font-weight: bold;}
input { font-size: 1em; font-weight: normal; background-color: #FFFFFF;  color: #000000; margin-bottom: 1px;}
.checkbox { position: relative; top: 2px; border: 0px;}
select {  font-size: 1em; font-weight: normal; background-color: #FFFFFF;  color: #000000;  border: 1px solid #1a5bb0; }
.button {cursor: pointer; font-weight: normal; background-color: #e7e7e7; color: #496a8f; padding: 2px; border: 1px dotted #333; margin-bottom: 6px; text-align: center;}
.button:hover {cursor: pointer; background-color: #DCE0E2;}
.button a {color: #96A8BC; text-decoration: none; font-weight: normal; font-size: 0.85em;}
.button:hover a {color: #928367; font-weight: normal;}
.smaller-text { font-size: 0.8em; width: 100%;}
p.attrib {text-align: right; font: 1em Grablau, Arial, sans-serif; color: #999; font-style:italic;}

/* HELP: General styling for main product prices shown in the store, excluding cart and checkout price displays */
.price, .price span {font: 1.8em Tallys_15, Arial, Helvetica, sans-serif; color: #999;}

/* HELP: Style used for all error text in the store, e.g. form entry validation errors etc. */
.error-text { font-size: 1.05em; font-weight: bold; color: #ff0000;}

/* HEADER: Page Header */
/* HELP: The main header bar for your store, where your logo, search and mini cart reside */
#header { background: transparent url(../images/header_bg2.png) top left repeat-x; margin: 0 0 20px 0; width: 100%; padding: 0px; overflow: none; height: 131px;}
#company_name {float: left; width: 400px;}
#company_name h1 {font-family: Tallys_15, Georgia, serif; font-size: 2.8em; font-weight: normal; letter-spacing: 2px; color: #d7dde3; background: none;  border: none; margin: 45px 0 0 0; padding: 0;}
#company_name h2 {font-family: Tallys_15, Georgia, serif; font-size: 1.3em; font-weight: normal; letter-spacing: 1px; color: #d7dde3; background: none; border: none; margin: 0; padding: 0;}


/* HELP: This is the right hand section of the header where the top links and search reside */
#header-right { font-size: 0.7em; float: right; text-align: right; font-weight: bold;  margin-top: 25px; padding-bottom: 5px;}

#sub-header { font-size: 0.7em; font-weight: normal; color: #000000; margin: 0px; width: 100%; padding: 3px 0;}
#sub-header span { padding-left: 5px; font-family: Tallys_15, Arial, Geneva, sans-serif;}

#logo { float: left; border: 0px; margin-right: 30px;}

#top-links { float: right; display: inline; padding-right: 5px;}
#top-links-list { margin: 0px; padding: 0px; white-space: nowrap;}
#top-links-list li { display: inline; list-style-type: none; margin: 0px; padding: 0px; color: #000000; font-weight: normal;}
#top-links-list a {  font-weight: normal; font-size: 1em; padding: 1px 2px; margin-right: 2px; margin-bottom: 0px; color: #fff; text-decoration: underline;}
#top-links-list a:hover { text-decoration: underline; color: #003366;}

/* HELP: Styling for the search section of the header bar<br/><br/> */
#search { margin-right: 5px;  clear: right;  padding-top: 10px;}
#search-box { font-size: 1em; font-weight: normal; background-color: #FFFFFF;  color: #000000;  border: 1px solid #000000;;  height: 17px; margin-bottom: 1px; width: 150px;}
#search-button { background-color: #8dbfff; font-weight: bold; font-size: 0.9em; border: 1px solid #000000; color: #000000; cursor: pointer; padding-bottom: 1px; height: 17px; position: relative; padding-bottom: 2px;}

/* HELP: Surrounding container for the mini cart shown in the sub-header section */
#mini-cart { float: right; display: inline;}

/* HELP: Basic styling for the mini cart, created with an unordered list. This basically just ensures there are no margins around it */
#mini-cart-list { margin: 0 10px 0 0; padding: 0px; white-space: nowrap;}
#mini-cart-list li {display: inline; list-style-type: none; margin: 0px; padding: 0px; color: #fff; padding-left: 5px;}
#mini-cart-list li span {font-size: 0.85em;} 
#mini-cart-list a {font-size: 0.85em; padding: 1px 2px; margin-right: 2px; margin-bottom: 0px; color: #fff; text-decoration: underline;}
#mini-cart-list a:hover { color: #d7dde3; text-decoration: underline;}

/* HEADER: Left and Right Menus */
/* HELP: The div container for the left menu in the store<br/><br/> */
#left-menu { font-size: 1em; color: #000000; width: 180px; margin-bottom: 10px;}
#left-menu .form_label {color: #999; font-size: 0.9em; margin-bottom: 2px;}
.menu-box-content form {color: #999;}
#newsletterJoin {font-size: 0.9em; line-height: 1.6em;}

/* HELP: The div container for the right menu in the store<br/><br/> */
#right-menu { font-size: 1em; color: #000000; width: 160px;}
.menu-box { border-bottom: 1px dotted #DCE0E2; width: 99%; margin-top: 10px; font-size: 0.75em; font-weight: normal; padding-bottom: 2px;}
.menu-box-title { font-size: 1.1em; font-weight: bold; width: 100%; text-align: left; padding-bottom: 2px;}
.menu-box-content { padding-top: 5px; padding-bottom: 5px; margin-left: 2px; margin-right: 2px; text-align: left; overflow: auto;}
.menu-box-content-center { padding-top: 5px; padding-bottom: 5px; margin-left: 2px; margin-right: 2px; text-align: center; overflow: auto;}
#menu-section-list {list-style-type: none;}


/* HELP: List formatting for the sub-sections shown in the left menu. The links themselves will use the standard a and a:hover formatting. */
ul#menu-section-list li { margin: 0px; padding: 4px 0; list-style-type: none;}
ul#menu-section-list li:hover, ul#menu-section-list li.here {background-color: #03366D;}
ul#menu-section-list li a {padding: 4px 0; text-decoration: none; color:#999; font-size: 0.9em;}
ul#menu-section-list li:hover a, ul#menu-section-list li.here a {color: #fff;}

/* HELP: List formatting for the customer account links in the left menu. Also used for open account etc. links if customer is customer is not logged in */
#customer-links { margin: 0px; padding: 0px; list-style-type: none;}
#customer-links li { margin-bottom: 0.5em;}
#customer-links li a {font-size: 0.9em;}

/* HELP: List formatting for the news links in the left menu. The links themselves use the standard a and a:hover formatting */
#news-links { margin: 0px; padding: 0px; padding-left: 17px; list-style-type: disc;}
.menu-product-list { clear: both; padding-top: 2px; margin-bottom: 2px;}
.menu-product-image { margin-right: 5px; float: left; position: relative;}

/* HEADER: Main Content */
/* HELP: Basic style for the main content section of all the pages in your store. This is the section between the left and right menus. */
#main-content { color: #000000; background-color: #ffffff; padding-top: 0px; padding-bottom: 0px; font-size: 1em; position: relative;}

/* HELP: Style for the breadcrumb div shown above all the main content titles */
#breadcrumb { font-size: 0.7em; border: 1px solid #003366; width: 100%; margin-bottom: 10px; display: none;}
#breadcrumb a { text-decoration: none;}
#breadcrumb a:hover { text-decoration: none;}
#breadcrumb-title { font-weight: normal; color: #ffffff; background-color: #3586ef; padding-left: 3px; padding-right: 3px; margin-right: 3px; font-weight: bold; border-right: 1px solid #0b51ab;}

/* HEADER: Page Footer */
/* HELP: Containing div for the footer shown on every page in your store */
#footer { color: #000000; margin: 20px 0 0 0; padding: 20px 0; width: 100%; clear: both; text-align: center; border-top: 1px dotted #c7c7c7;}
.footer-links { margin-left: 0; padding-left: 0; white-space: nowrap; margin-top: 0px; padding-top: 0px; margin-bottom: 0px; margin-right: 0px; font-size: 0.7em; padding-bottom: 10px;}
.footer-links li {font-weight: bold; display: inline; list-style-type: none; margin: 0px; padding: 0px; padding-left: 2px; padding-right: 2px;}
.footer-links a {color: #999999; padding: 1px 1px; margin: 2px 2px 0px 0px; white-space: nowrap; text-decoration: underline; font-weight: normal;}
.footer-links a:hover { text-decoration: underline; font-weight: normal; color: #000000;}

#users-online { font-size: 0.7em; margin-left: auto; margin-right: auto; text-align: center; clear: both;}
#copyright { font-size: 1em; margin-top: 10px; margin-left: auto; margin-right: auto; text-align: center; clear: both; color: #999999;}

/* HEADER: Section Page Style */
/* HELP: Container for the content (sub-sections &amp; products) on the section pages */
.section-content { clear: both; padding-top: 10px;}
.sub-sections { width: 100%; clear: both; text-align: left;}
.section-thumbnail { float: left; margin-right: 5px; padding: 3px;}
.sub-section-title, .sub-section-title a { font-weight: bold; font-size: 0.9em; text-decoration: none;}


/* HEADER: Paging Styles */
.pages-container { top: 0px; padding: 1px; margin-bottom: 5px; font-weight: bold; font-size: 0.6em; text-align: right;}
.pages-list { margin-left: 0px; padding-left: 0px; white-space: nowrap; margin-top: 0px; padding-top: 0px; margin-bottom: 0px; margin-right: 0px;}
.pages-list li { color: #000000; display: inline; list-style-type: none; margin: 0px; padding: 0px; margin: 0px; margin-left: 1px; margin-right: 1px;}
.pages-list span {  padding: 5px; padding-top: 3px; padding-bottom: 3px; margin: 0px;  color: #000000; background-color: #8dbfff; border: 1px solid #000000;}
.pages-list a {  padding-top: 3px; padding-bottom: 3px; margin: 0px;  color: #003366; background-color: #e4effa; padding-left: 5px; padding-right: 5px; border: 1px solid #000000;}
.pages-list a:hover { text-decoration: underline; color: #ff8d29; background-color: #1a5bb0;}


/* HEADER: Product Listing Styles */

.product-thumbnail { margin-right: 5px; padding: 3px; padding-left: 0px; border: 0px;}
.product-single {text-align: center; width: 135px; float: left; margin: 0 10px 10px 0; position: relative; border: 1px dotted #DCE0E2; padding: 8px; min-height: 200px;}
.product-column-left { width: 49%; float: left;}
.product-column-right { width: 49%; float: right;}
.product-double { width: 100%; clear: both; text-align: left;}
.section-product-title, .section-product-title a { font-weight: bold; font-size: 0.9em; text-decoration: none;}
.product-gap { width:2%; float: left;}
.product-separator { clear: both;  border: 0px;  margin-bottom: 8px;  height: 5px; border-bottom: 1px dotted #bbbbbb;  background: #ffffff;  color: #ffffff;}

/* HEADER: Other Product Styles */

.product-flag-container {position: absolute; left: 5px; padding: 3px; width: 45px; height: 25px; background: transparent; z-index: 9999;}
.product-flag {}
.product-image {float: left; margin-right: 10px; margin-bottom: 10px;}
.links-container { font-weight: bold; margin: 3px;}
.product-link { font-size: 0.8em; font-weight: bold; border: 0px; color: #c7c7c7; padding: 0px; margin: 0px; white-space: nowrap; cursor: pointer; text-decoration: underline;}
.product-link:hover { color: #003366; text-decoration: underline;}
.product-add { font-size: 1em; font-weight: bold; background: #e7e7e7 url(../images/buy_button_off.png) top left repeat-x; color: #fff; padding: 0 1px 1px; border: 1px dotted #333; height: 18px; width: 10em; margin-bottom: 10px;}
.product-add:hover { background: #e7e7e7 url(../images/buy_button_on.png) top left repeat-x; color: #fff; border-bottom: 1px solid #CCC; border-left: 1px solid #ccc;}
.product-extra-fields { float: left; margin-left: 5px; text-align: left;}


/**** AKS added ****/
#prod_data_panel {float: right; width: 120px; border: 1px dotted #c7c7c7; padding: 15px;}
#main_image {float: left; width: 475px; margin-bottom: 20px;}
.qty_group {margin: 8px 0;}
.qty_group input {background-color: #d7dde3;}
#prod_data_panel .label {color: #2f4359; padding-right: 1em;}
.prod-description {width: 425px; float: left; clear: left;}
.prod-description p {font: 1em/1.65em Arial, Helvetica, sans-serif; margin-bottom: 1.5em; color: #999;}
.topprods_homepage {}
#front_page_content h3 {font: 2em Tallys_15, Arial, Geneva, sans-serif; color: #999; }


/* HEADER: Product Option Tables */

.product-options-container { float: right; width: 254px;}
.product-table-div { text-align: center;}
.product-table { margin-left: auto;  margin-right: auto; padding: 0px; width: 100%; border: 0px;}
.product-table caption { font-weight: bold; font-size: 0.70em; margin-left: auto;  margin-right: auto; text-align: right;}
.product-table th { font-weight: bold; font-size: 0.70em; background-color: #aaaaaa; padding: 2px; text-align: left; vertical-align: top;}
.product-table td { font-weight: normal; font-size: 0.70em; background-color: #dddddd; padding: 2px; text-align: left;}

/* HEADER: Cart Table Styles */
.cart-div { text-align: left;}
.cart-table { margin-left: 5px; padding: 3px; border: 0px; font-size: 0.9em;}
.cart-table caption { font-size: 0.70em; border-bottom: 1px dotted #000000; margin-left: auto;  margin-right: auto;}
.cart-table th {font-weight: normal; border-bottom: 1px dotted #c7c7c7; text-align: left; vertical-align: top; color:#666; padding: 5px 10px;}
.cart-table th.right { font-weight: bold; border-bottom: 1px dotted #c7c7c7; padding: 5px 10px; text-align: right; vertical-align: top;}
.cart-table th.total { font-weight: bold; border-top: 1px dotted #c7c7c7; text-align: right; vertical-align: top;}
.cart-table td { font-weight: normal; padding: 5px; text-align: left; vertical-align: top;}
.cart-table td.right { font-weight: normal; padding: 2px; text-align: right; vertical-align: top;}
.cart-div form {margin: 0 0 50px 0; padding: 0px;}

/* HEADER: Send To Friend Styles */
.send-friend { font-weight: bold; float:right; font-size: 0.8em; margin-right: 3px; margin-top: 1px;}
.send-friend a { font-size: 1em; text-decoration: none;  color:#ff8d29; }
.send-friend a:hover {  color:#ff8d29;  text-decoration: underline;  cursor: pointer;}

/* HEADER: Account Styles */
#account-summary { margin-left: auto; margin-right: auto; text-align: center; width: 420px;}
#account-summary-left { float: left; width: 200px; text-align: left;}
#account-summary-right { float: right; width: 200px; text-align: left;}

/* HEADER: Form Entry Tables */

/* HELP: Container for form entry tables<br/><br/> */
.form-div { text-align: center;}
.form-table { margin-left: 15px; padding: 0px; border: 0px;}
.form-table caption { font-size: 0.85em; border-bottom: 1px dotted #000000; margin-left: auto;  margin-right: auto;}
.form-table th { font-weight: bold; font-size: 0.85em; padding: 2px; text-align: left; vertical-align: top; padding-top: 3px;}
.form-table td { font-weight: normal; font-size: 0.85em; padding: 2px; text-align: left;}
.form-table td.submit-row { border-top: 1px solid #000000; text-align: right;}
.form-table select { font-size: 1em;  font-weight: normal; background-color: #FFFFFF;  color: #000000; border: 1px solid #30799E;}


/* HEADER: General Table Styles */
/* HELP: Container for general tables used throughout the store templates<br/><br/> */
.general-table-div { text-align: center;}
.general-table { margin-left: 5px; padding: 8px; border: 0px;}
.general-table caption { font-weight: bold; font-size: 0.85em; margin-left: auto;  margin-right: auto; text-align: right;}
.general-table th { font-weight: bold; font-size: 0.95em; border-bottom: 1px dotted #999; padding: 5px 30px 5px 0; text-align: left; vertical-align: top;}
.general-table td { font-weight: normal; font-size: 0.95em; padding: 5px 30px 5px 0; text-align: left; color: #999999;}
.general-table td.bold { font-weight: bold; font-size: 0.95em; padding: 6px; text-align: left;}

/* HEADER: Advanced Styles */
html { font-size: 100%; margin: 0px; padding: 0px; overflow: -moz-scrollbars-vertical; overflow-x: hidden;}

/* HELP: Simple style for forms to avoid any unplanned gaps */
form { margin: 0 0 10px 0; padding: 0px;}/* Added margin bottom to give us some space under the Wish List form */

.clear-left { clear: left;}
.clear-both { clear: both;}
.float-right { float: right;}
.float-left { float: left;}
.center { text-align: center;}