/* @override http://www.passions.com.sg/v2/sites/all/themes/zen/zen_passions/zen_passions.css */

/* $Id: passions_zen.css,v 1.0.0.00 2008/04/01 15:52:14 ystanley Exp $ */

/*
 * ZEN STYLES
 *
 * This is an example stylesheet. Sub-themes should NOT include this file, but
 * instead copy any needed CSS to their own stylesheets.
 *
 * In this stylesheet, we have included all of the classes and IDs from this
 * theme's tpl.php files. We have also included many of the useful Drupal core
 * styles to make it easier for theme developers to see them.
 *
 * Many of these styles are over-riding Drupal's core stylesheets, so if you
 * remove a declaration from here, the styles may still not be what you want
 * since Drupal's core stylesheets are still styling the element. See the
 * drupal5-reference.css file for a list of all Drupal 5.x core styles.
 *
 * In addition to the style declarations in this file, other Drupal styles that
 * you might want to override or augment are those for:
 *
 *   Book Navigation  See line 74  of Zen's drupal5-reference.css file
 *   Forum            See line 197 of Zen's drupal5-reference.css file
 *   Menus            See line 667 of Zen's drupal5-reference.css file
 *   News Aggregator  See line 20  of Zen's drupal5-reference.css file
 *   Polls            See line 287 of Zen's drupal5-reference.css file
 *   Search           See line 320 of Zen's drupal5-reference.css file
 *   User Profiles    See line 945 of Zen's drupal5-reference.css file
 */

/* @group General Classes */
.floatleft {
	float: left;
	margin: 0 10px 0 0;
}

.floatright {
	float: right;
	margin: 0 0 0 10px;
}

.marker 

/* "New" or "Updated" marker for content that is new or updated for the current user */ {
	color: #c00;
}

.breadcrumb 

/* The path to the current page in the form of a list of links */ {
	margin: 10px 28px;
}

.breadcrumb a {
	padding-bottom: 0;
 /* Undo system.css */
}

div.messages 

/* Important messages (status, warning, and error) for the user */ {
	margin: 10px 28px;
	padding: 5px;
	color: #ccc;
	background-color: #111;
	font-style: italic;
	border: 1px dotted orange;
}

div.status 
/* Normal priority messages */ {
	
}

div.warning 

/* Medium priority messages */ {
	border-color: #ff7;
}

div.warning, tr.warning {
	color: #000;
	background-color: #ffc;
}

div.error 

/* High priority messages. See also the .error declaration below. */ {
	border-color: #c00;
}

div.error, tr.error {
	color: #900;
	background-color: #fee;
}

.help 

/* Help text on a page */ {
	margin: 1em 0;
}

.more-help-link 

/* Link to more help */ {
	font-size: 0.85em;
	text-align: right;
}

.pager 

/* A list of page numbers when more than 1 page of content is available */ {
	clear: both;
	margin: 10px 0 0;
	padding: 5px;
	text-align: right;
	background: #070948;
	font-weight: normal;
	font-size: 10px;
	color: #05040d;
}

.pager a, .pager strong.pager-current {
	padding: 0.5em;
	}
	
	.pager-current {
	background: #02047E;
	color: #FFF;
}

.pager-total{
	color: #FFF;
	float: left;
}

.feed-icons 

/* The links to the RSS or Atom feeds for the current list of content */ {
	margin: 1em 0;
	border: 0;
	position: absolute;
	right: 15px;
	top: -3px;
}



/* @end */

/* @group Header */
#navigation-top, #navigation {
	position: absolute;
/* Take the named anchors out of the doc flow    */
	left: -10000px;
/* 

and prevent any anchor styles from appearing. */
}

#skip-to-nav {
	float: right;
	margin: 0 !important;
	font-size: 0.8em;
}

#skip-to-nav a:link, #skip-to-nav a:visited {
	color: #fff;


/* Same as background color of page */
	display: none;
}

#skip-to-nav a:hover {
	color: #000;
	text-decoration: none;
	display: none;
}

#logo-title 

/* Wrapper for logo */ {
	padding: 22px 0 26px 30px;
}

#header h1 {
	background: url(images/passions-watch-logo.gif) no-repeat top left;
	width: 319px;
	height: 71px;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
}

#header h1 a:link, #header h1 a:visited, #header h1 a:hover {
	display: block;
	width: 319px;
	height: 61px;
}

#topnav {
	position: absolute;
	font-size: 11px;
	width: 230px;
	height: 31px;
	color: #fff;
	right: 0px;
	top: 15px;
}

#topnav ul {
	list-style: none;
	margin: 0;
	padding: 4px 5px 5px 28px;
}

#topnav ul li {
	display: inline;
	padding: 0 5px;
}

#topnav ul li a{
	color: #FFF;
}

.newsticker {
	list-style-type: none;
	background: none;
	padding: 3px;
	margin: 0;
}

#newsticker {
position: absolute;
	font-size: 11px;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	width: 650px;
	height: 31px;
	color: #fff;
	right: 15px; top: 50px;
	color:#CDAe5e
}

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

#newsticker ul li {
	display: inline;
	padding: 0 5px;
}
#header-blocks {
	
}

/* @end */

/* @group SideBar */
h2.title.collapsiblock.collapsiblockCollapsed {
	border-bottom: 2px solid #cdae5e;
	color: #cdae5e;
	text-decoration: none;
	border-color: #0b2ccf;
}


.form-checkboxes {
	font-size: 10px;
}

input#edit-filter0.form-text{
	width: 80%;
}

#sidebar-left h2.title, #sidebar-right h2.title {
	padding: 8px 0 0 10px;
	height: 18px;
	text-transform: uppercase;
	font-size: 12px;	
	margin: 0;
	color: #B68A21;
	background: url(images/tl.gif) top left no-repeat #070948;

}

#sidebar-left .block, #sidebar-right .block {
	margin-bottom: 20px;
}

#sidebar-left li, #sidebar-right li{
	margin: 0 0 3px 0;
}

#block-esitehelper-1 a, 
#block-esitehelper-2 a, 
#block-esitehelper-0 a{
	color: #fff;	
}

#block-esitehelper-1 a:hover, 
#block-esitehelper-2 a:hover, 
#block-esitehelper-0 a:hover{
	color: #B68A21;
}

#sidebar-left p a:hover, #sidebar-right p a:hover {
	color: #FFF;
	text-decoration: underline;
}

#block-similarterms-0 a{
	font-weight: bold;
	color: #B68A21;
	display: block;
	margin: 8px 0;
	font-size: 10px;
}

#block-similarterms-0 .content{
	text-align: center;
}

#block-similarterms-0 img{
	border: 1px solid #B68A21;
	margin: 15px 0 0 0;
}

.quotes-author {
	font-style: italic;
	color: #B68A21;
}

.issues-link, #sidebar-right a.feed-icon {
	display: none;
}
/* @end */

/* @group Contents */

#content h2.title {
height: 25px;
background: url(images/tl.gif) top left no-repeat #070948;
color: #B68A21;	
font-size: 18px;
padding:7px 0 0 28px;
margin: 0;
}

/*
.node-inner h3 {
height: 25px;
background: url(images/tl.gif) top left no-repeat #070948;
color: #C5AE5E;	
font-size: 16px;
padding: 7px 0 0 15px;
margin: 0;
}*/

#content h2 {
	margin: 0;
}

.view-content-feature .submitted 

/* The "posted by" information */ {
	font-size:10px;
	color: #FFF;
	position: absolute;
	right: 10px;
	top: 10px;
}

.node-inner .submitted {
color: #aaa;
}


#content noframes nt-inner {
	
}

/* Wrapper for any blocks placed in the "content top" region */

#content-top {
	}

/* Wrapper for breadcrumb, title, messages, tabs, and help */

#content-header {
	position: relative;
	
}

#content-area 
/* Wrapper for the actual page content */ {
	padding: 0 25px 20px;
	position: relative;
	font-size: 11px;
	line-height: 150%;
}

#content .block .content {
	padding: 0px ;
}

#content-bottom 

/* Wrapper for any blocks placed in the "content bottom" region */ {
	
}

#block-block-6 .content{
	text-align: center;
	margin: 15px 0;
}

/* @end */

/* @group Watch Display */

.preview {
	
}

h2.watchname{
	font-size: 19px;
	padding: 0 0 15px 0;
}

h2.watchname a{
	color: #B68A21;
}

h2.watchname a:hover{
	color: #cdab4d;
}

h3.title {
height: 20px;
background: url(images/tl.gif) top left no-repeat #070948;
color: #B68A21;	
font-size: 14px;
padding:7px 0 0 10px;
margin: 0;
}


.manufacturer img {
	display: none;
}

span.button {
	background: url(images/bg_button.gif) no-repeat;
	display: block;
	width: 150px;
	height: 22px;
	text-align: center;
	font-weight: bold;
	float: left;
	margin: 0 0 5px 0;
}

a.order, a.recommend, a.pdf {
	background: url(images/bg_button_r.gif) no-repeat right;
	display: block;
	color: #025bc3;
	width: 155px;
	height: 20px;
	padding: 2px 0 0 0;
}

a.order:hover, a.recommend:hover, a.pdf:hover {
	color: #B68A21;
}

#views-filters th{	
      text-indent: -30px;
}
#views-filters {

}

#watch_summary .block-inner {
	padding: 0
}
#block-views-feature.block .content {
	padding: 0;
}

.view-content-feature .content {
	margin: 0 28px 15px;
}

#feature_image {
	float: left;
	width: 280px;
	margin: 0;
}

.view-content-feature #feature_image, 
.view-content-feature #feature-text {
	margin: 15px 0 0 0;
}
.feature_image img {
	border: 2px solid #B68A21;
}

#feature-text {
	float: right;
	width: 220px;
	margin: 0;
	padding: 0;
}

#feature-body {
	clear: both;
	padding: 10px 0 0 0;
}

#feature-body p{
	padding: 0 0 0 10px;
}

#thumbnails{
	margin: 20px 0;
	clear: both;
}

.thumbnail_image img{
	margin: 0 5px 0 0;
	float: left;
	display: inline;
	height: 65px;
}

td.view-grid-item{
	text-align: left;
}

.view-field.view-data-node_title a{
	font-weight: bold;
	color: #B58A21;
	font-size:11px;
}

.view-field.view-data-node_title a:hover{
	color: #CDAE5E;
}

.view-field.view-data-node_view a{
	padding: 5px;
	background: #000;
	border: 1px solid #555;
	clear: both;
	display: block;
	width: 70px;
	text-align: center;
	margin: 5px 0 0 0;
}

.view-field.view-data-node_data_field_status_field_status_value {
	color: #f2fc24;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
}

.view-field.view-data-uc_products_model{
	color: #aaa;
}

.view-grid-latest-additions {
	width: 200px;
	}

.view-grid-item img,
.view-content-latest-additions img 
/* Watch Detail*/ {
	border: 0px solid #B58A21;
	padding: 0;
	margin: 10px 0px;
}

.view-grid-item {
	width: 150px;
	padding: 10px;
	margin: 0;
	vertical-align: top;
	color: #CDAE5E;
}

.view-data-uc_products_model {
	color: #fff;
}

.view-data-uc_products_sell_price {
	color: #fff;
	font-weight: bold;
}


.view-data-uc_products_list_price, .list_price{
	text-decoration: line-through;
	color: #C00;
}

.sell_price, .display_price {
	color: #FFF;
	font-weight: bold;
	font-size: 14px;
	padding: 0;
	margin: 10px 0;
}

/* @end */

/* @group Drupal Nodes */

.book-navigation {
	background: #020538;
}

.book-navigation ul.menu {
	border: none;
}

.book-navigation .page-links.clear-block{
	border-top: 1px solid;
	border-bottom:  1px solid;
	border-color: #cdae5e;
}



a.page-next, a.page-previous {
	font-weight: bold;
}

#node-147 .content{
	text-align: justify;
}

#node-206 .content p{
	margin-top: 0;
}

ul.links 

/* Taxonomy links, node links, comment links */ {
	margin: 0;
	padding: 0;
}

ul.links.inline {
	display: inline;
}

ul.links li {
	display: inline;
	list-style-type: none;
	padding: 0 0.5em;
}

.preview .node 

/* Preview of the content before submitting new or updated content */ {


}

.node /* Node wrapper */ {
}

.node-inner 

/* Additional wrapper for node */ {
	position: relative;
}

.sticky 

/* A sticky node (displayed before others in a list) */ {
	
}

.node-unpublished 

/* Unpublished nodes */ {
}

.node-unpublished div.unpublished, 

/* The word "Unpublished" displayed beneath the content. */ .comment-unpublished div.unpublished {
	height: 0;
	overflow: visible;
	color: #d8d8d8;
	font-size: 75px;
	line-height: 1;
	font-family: Impact, "Arial Narrow", Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	word-wrap: break-word;


/* A very nice CSS3 property */
}

.node-mine 

/* A node created by the current user */ {
	
}

.node-teaser 

/* A node displayed as teaser */ {
	
}

/* All nodes are given a node-type-FOO class that describes the type of
   * content that it is. If you create a new content type called
   * "my-custom-type", it will receive a "node-type-my-custom-type" class.
   */
.node-type-page 

/* Page content node */ {
	
}

.node-type-story 

/* Story content node */ {
	
}

.node h2.title 
/* Node title */ {	
}

.node .picture 

/* The picture of the node author */ {
	
}

.node.node-unpublished .picture, .comment.comment-unpublished .picture {


}

.node .taxonomy 

/* Node taxonomy (categories) */ {
	
}

.node .content 

/* Node's content wrapper */ {
}


.node .watch_details {
}

.node .watch_details h2 

/* Watch Detail*/ {

}

.node .watch_details .content {
margin: 0;
padding: 0;
}

.field-label-inline-first {
	color: #C98F2E;
	font-weight: bold;
	width: 90px;
}

#watch_details .field-label-inline-first{
	padding: 0 0 0 10px;
}

.node div.links 

/* Wrapper for node links */ {
	margin: 1em 0;
}

/* @end */

/* @group Drupal Blocks*/

.block 
/* Block wrapper */ {
	
}

.block.region-odd 

/* Zebra striping for each block in the region */ {
	
}

.block.region-even 

/* Zebra striping for each block in the region */ {
	
}

.block.odd 

/* Zebra striping independent of each region */ {
	
}

.block.even 

/* Zebra striping independent of each region */ {
	
}

.region-count-1 

/* Incremental count for each block in the region */ {
	
}

.count-1 

/* Incremental count independent of each region */ {
	
}

.block-inner 

/* Additional wrapper for block */ {
	margin: 0;
	padding: 0;
}

.block h2.title 
/* Block title */ {
}

.block .content 

/* Block's content wrapper */ {
	padding: 0 10px;
}

.block img 

/* Watch Detail*/ {
margin: 0;
}


#block-esitehelper-1 .content {
	padding: 0;
	height: 300px;
	overflow: auto;
}

#block-watchbrands {
padding: 13px;
}

#block-watchbrands ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#block-aggregator-category-1 

/* Block for the latest news items in the first category */ {
	
}

#block-aggregator-feed-1 

/* Block for the latest news items in the first feed */ {
	
}

#block-block-1 

/* First administrator-defined block */ {
	
}

#block-blog-0 

/* "Recent blog posts" block */ {
	
}

#block-book-0 

/* "Book navigation" block for the current book's table of contents */ {
	
}

#block-comments-0 

/* "Recent comments" block */ {
	
}

#block-forum-0 

/* "Active forum topics" block */ {
	
}

#block-forum-1 

/* "New forum topics" block */ {
	
}

#block-menu-2 

/* "Primary links" block */ {
	
}

#block-node-0 

/* "Syndicate" block for primary RSS feed */ {
	
}

#block-poll-0 

/* "Most recent poll" block */ {
	
}

#block-profile-0 

/* "Author information" block for the profile of the page's author */ {
	
}

#block-search-0 

/* "Search form" block */ {
	
}

#block-statistics-0 

/* "Popular content" block */ {
	
}

#block-user-0 

/* "User login form" block */ {
	
}

#block-user-1 

/* "Navigation" block for Drupal navigation menu */ {
	
}

#block-user-2 

/* "Who's new" block for a list of the newest users */ {
	
}

#block-user-3 

/* "Who's online" block for a list of the online users */ {
	
}

#block-views-feature h2.title 

/*Feature Block title */ {
	
}

#closure-blocks 

/* Wrapper for any blocks placed in the closure region */ {
	
}
/* @end */

/* @group Forum */

.forum .name {
	font-size: 14px;
	font-weight: bold;
	margin: 10px 0 0  0;}

#forum th {
	background: #020586;
	padding: 5px 0;
}
td.forum, td.posts, td.topics, td.last-reply,
td.created, td.replies, td.topic, td.icon{
	border-bottom: 1px solid #020586;
}


td.topic {
	width: 180px;
	font-weight: bold;
}

td.created {
	width: 50px;
}

#forum table td, #forum table th {
	padding: 8px;
}

td.last-reply.active {
	background: none;
	text-align: center;
}

/* @end */

/* @group FAQ */
.faq_question {
	font-weight: bold;
	color: #B68A21;
	font-style: italic;
	padding: 20px 0 5px 0;
	font-size: 12px;
	border-top: 1px solid #020586;
}

.faq_answer{
	padding: 0;
}

.faq_top_link{
	margin: 10px 0 15px 0;
}
/* @end */

/* @group Glossary */
.glossary-list {
	font-size: 12px;
}

p.glossary-description{
	margin: 15px 0;
}

.glossary-list dt{
	color: orange;
}

dl.glossary-list dd{
	padding: 0;
	margin: 0 0 15px 0;
}

.glossary-links{
	background: #070948;
	padding: 5px;
	font-size: 10px;
}

.glossary-letter{
	color: #B68A21;
	padding: 5px 0;
	background: #070948;
	margin: 15px 0;
	border-top: 1px solid #020586;
	border-bottom: 1px solid #020586;	
}

.glossary-related {
	color: #fff;
	display: block;
	margin: 15px 0 25px 0;
	}

.glossary-related a:link{
	color: #ff9400;
}

/* @end */


/* @group Comments */

#comments 

/* Wrapper for all comments */ {
	margin: 1em 0;
}

.comment 

/* Wrapper for a single comment */ {
	
}

.comment_forbidden{
	display: none;
}
.comment-inner 

/* Additional wrapper for a single comment */ {
	
}

.comment.odd 

/* An odd-numbered comment in the list of comments */ {
	
}

.comment.even 

/* An even-numbered comment in the list of comments */ {
	
}

.comment-unpublished 

/* Unpublished comments */ {


}

.comment-unpublished div.unpublished 

/* The word "Unpublished" displayed beneath the content. See also the div.unpublished declaration in the node section above. */ {
	
}

.comment-by-author 

/* A comment created by the node's author */ {
	
}

.comment-by-anon 

/* A comment created by an anonymous user */ {
	
}

.comment-mine 

/* A comment created by the current user */ {
	
}

.comment h3.title 

/* Comment title */ {
	
}

.new 

/* "New" marker for comments that are new for the current user */ {
	color: #c00;
}

.comment .picture 

/* The picture of the comment author */ {
	
}

.comment .submitted 

/* The "posted by" information */ {
	
}

.comment .content 

/* Comment's content wrapper */ {
	
}

.comment div.links 

/* Wrapper for comment links. See also the ul.links declaration in the node section above. */ {
	margin: 1em 0;
}

.indented 

/* Nested comments are indented */ {


}

.preview .comment 



/* Preview of the comment before submitting new or updated comment */ {


}

/* @end */

/* @group Drupal Boxes */

/* Wrapper for Comment form, Comment viewing options, Menu admin, and
   * Search results.
   */

.box 

/* Wrapper for box */ {
	
}

.box-inner 

/* Additional wrapper for box */ {
	
}

.box h2.title 

/* Box title */ {
	
}

.box .content 

/* Box's content wrapper */ {
	
}

/* @end */

/* @group Drupal Forms */

#user-login-form 

/* Drupal's default login form */ {
	text-align: left;
}

.form-item, 

/* Wrapper for a form element (or group of form elements) and its label */ .form-checkboxes, .form-radios {
	margin: 1em 0;
}

.form-item input.error, 

/* Highlight the form elements that caused a form submission error */ .form-item textarea.error, .form-item select.error {
	border: 2px solid #c00;
}

.form-item label 

/* The label for a form element */ {
	display: block;
	font-weight: bold;
}

.form-item label.option 

/* The label for a radio button or checkbox */ {
	display: inline;
	font-weight: normal;
}

.form-required 

/* The part of the label that indicates a required field */ {
	color: #c00;
}

.form-item .description 

/* The descriptive help text (separate from the label) */ {
	font-size: 0.85em;
}

.form-checkboxes .form-item, 

/* Pack groups of checkboxes and radio buttons closer together */ .form-radios .form-item {
	margin: 0.4em 0;
}

.form-submit 

/* The submit button */ {
	
}

.container-inline .form-submit {
	
}

.tips 

/* Tips for Drupal's input formats */ {
	margin: 0;
	padding: 0;
	font-size: 0.9em;
}

input#edit-filter0.form-text{
	width: 80px;
}
/* @end */

/* @group Admin Tables */

/* We overrode these styles in html-elements.css, but restore them for the
   * admin section of the site.
   */

.section-admin #content tbody {
	border-top: 1px solid #ccc;
}

.section-admin #content th {
	text-align: left;
	padding-right: 1em;
	border-bottom: 3px solid #ccc;
}

.section-admin #content tbody th {
	border-bottom: 1px solid #ccc;
}

.section-admin #content thead th {
	text-align: left;
	padding-right: 1em;
	border-bottom: 1px solid #ccc;
}

.section-admin #content tr.even, .section-admin #content tr.odd {
	background-color: #000;
	border-bottom: 1px solid #ccc;
	padding: 0.1em 0.6em;
}

/* @end */

/* @group Footer */

#footer {
	background-image: url(images/bg_footer.jpg);
	height: 80px;
}

#footer-inner {
	
}

#footer-message 

/* Wrapper for the footer message from Drupal's "Site information"
                     and for any blocks placed in the footer region */ {
	padding: 10px 0 0 25px;
	font-size: 10px;
	float: left;
	width: 75%;
}

#footer-hitwise {
	float: left;
	margin: 10px 0 0 0;
}

#footer-hitwise img {
	margin: 0 0 0 0;
}

#footer-message p {
	color: #FFFFFF;
	padding: 0;
	margin: 0;
}

#footer-message a {
	color: #CDAE5E;
}

#store-footer{
	display: none;
}

/* @end */

/* @group Cart */



/* @end */

/* @group WebLinks */

div.catbox{
	}

li.weblinks a{
	font-size: 12px;
	font-weight: bold;
}

h3.weblinks a{
	color: #af9117;
}


.nodisplay {
  display: none;	
}

/* @end */