@charset "UTF-8";

/* @override http://dev.xonixwatch.com/css/color.css */

/* @group shadowed box */

.box {
	background: #fff url(/images/frameBottomLeft.png) no-repeat left bottom;
}

.box-outer{
	background: url(/images/frameBottomRight.png) no-repeat right bottom;
}

.box-inner{
	background: url(/images/frameTopLeft.png) no-repeat left top;
}

.box h2{
	background: url(/images/frameTopRight.png) no-repeat right top;
}



/* @end */

/* @group helpers */

a.externalLink.dark{
	color: #444;
	background: url(/images/externalLinkBlack.gif) no-repeat right top;
}

a.externalLink.white{
	color: #ccc;
	background: url(/images/externalLinkWhite.gif) no-repeat right top;
}

a#buttonDownload{
	background: url(../products/images/buttonManualDownload.png) no-repeat;
}

.downloadLinkText a{
	background: url(/images/downloadArrow.gif) no-repeat right center;
	
}



/* @end */

/* @group page structure */

/* @group page setup */

/* @group breadcrumb */



/* @end */

/* @group headings */

.contentTitle,
.contactUs #schedule table em,
.watches .watchBox h3,
.watches div#watchImageBox p.watchModelText,
.watches h4 span{
	color: #6272a5;
}

.blockTitle,
.photoWatches #specNew .spec h4{
	color: #333;
}

.sectionTitle{
	color: #6272a5;
}


/* @end */

/* @group content */

.description,
.photoWatches #specNew .spec p,
.photoWatches #specNew .spec ul,
#displayStand p,
.machinery div.machine p{
	color: #555;
}


/* @end */



/* @end */

/* @group masthead */

#masthead{
	background: #5e5e5e url(/images/masthead.png) no-repeat center center;
}

#slogan{
	color: #ccc;
}


/* @end */

/* @group main nav */

#navBar > li > a,
#footer a{
	color: #9eadcd;
}

#navBar li a:hover,
#footer a:hover{
	color: #fff;
}

/*hightlight current page on nabBar*/
.aboutUs #navBar .aboutUs > a,
/*.watches #navBar .watches > a,
.machinery #navBar .machinery > a,*/
.products #navBar .products > a,
#support #navBar .support > a,
#contactUs #navBar .contactUs > a
{
	background: url(/images/navBarHighlight.png);
	color: #fff;
}

#navBar li ul{
	opacity: 0.95;
	background-color: #444;
}

#navBar li ul li{
	

}

#navBar li ul li a{
	border: #555 solid;
	border-width: 0 1px 1px 1px;
	color: #ccc;
}

#navBar li ul li a:hover{
	background-color: #222;
}


/* @end */

/* @group sub nav */

#subNav li a{
	color: #2a303c;
	background: #b3b3b3 url(/images/subNav_dot_divider.gif) no-repeat center bottom;
}

#subNav li:last-child a{
	background-image: none;
}

/*hightlight when a 1st level subNav is selected*/

#aboutUs #subNav li.companyProfile a,
#designPower #subNav li.designPower a,
#manufacture #subNav li.manufacture a,
#machinery #subNav li.machinery a,
#displayStand #subNav li.displayStand a,
.support #subNav li.manual a,
.contactUs #subNav li.contactInfo a{
	background: #2a303c url(/images/subNav_arrow.png) no-repeat 5px center;
	cursor: default;
	color: #fff;
}

/* @end */

/* @group content */



/* @end */

/* @group footer */

#footer{
	color: #fff;
	background:#5e5e5e url(/images/footerBackground.png) repeat-x 0 top;
}

#copyright {
	color: #fff;
}

/*highlight current page in the footer*/
#home #footer a.home,
.aboutUs #footer a.aboutUs,
/*.watches #footer a.watches,
.machinery #footer a.machinery,*/
.products #footer a.products,
#support #footer a.support,
#contactUs #footer a.contactUs{
	color: #fff;
}



/* @end */



/* @end */

/* @group page components */

#home #main{
	background: url(/images/hero.jpg) no-repeat;
}

#home #category li a,
#home #highTechTitle a{
	color: #777;
}

#home #category li a:hover{
	color: #fff;
	background: url(/images/heroHover.jpg) no-repeat;
}

#home #category #menDigi a:hover{
	background-position: -132px 0;
}

#home #category #menAnaDigi a:hover{
	background-position: -264px 0;
}

#home #category #menAna a:hover{
	background-position: -396px 0;
}

#home #category #ladyAna a:hover{
	background-position: -528px 0;
}

#home #highTech a:hover{
	background: url(/images/heroHover.jpg) no-repeat -660px 0;
}


#home #highTech #cameraSunglasses a:hover{
	background-position: -660px -46px;
}

#home #highTech #mp3Watch a:hover{
	background-position: -660px -156px;
}

#home #highTech #usbWatch a:hover{
	background-position: -660px -299px;
}

<!--#home #news{-->
	<!--background: url(/images/newsBg.png) no-repeat;-->
<!--}-->

<!--#home #news h2{-->
<!--	color: #fff;-->
<!--}-->

<!--#home #news p{-->
<!--	color: #fff;-->
<!--}-->
.contactUs #schedule table tbody tr th{
	color: #5e5e5e;
}

.machinery div.machine,
.support table.manualDownload,
.contactTable{
	color: #444;
}



.contactUs div#schedule table{
	background-color: #fff;
	border: 1px solid #ccc;
}

.contactUs #schedule table tbody tr th em{
	color: #a7a7a7;
}

.contactUs #schedule table tbody tr th em span{
	color: #ff9800;
}

.contactTable tr th{
	color: #909090;
}
.contactUs #scheduleTable table{
	color: #444;
}

#schedule table tbody tr th.scheduleDivider em{
	background-color: #444;
}

.contactUs #schedule table tbody tr td span.subscript {
	color: #f00;
}
.contactUs #distributors table th, .contactUs #partnerRecruit {
	background-color: #eaeaea;
	border-color: #bebebe;
}

/*blank data*/
.contactUs #scheduleTable table hr{
	color: #787878;
	background-color: #787878;
}
/* Row divider*/
.contactUs .scheduleDivider hr{
	color: #ccc;
	background-color: #ccc;
}

.contactUs #distributors table td {
	border-color: #bebebe;
}

.watches div#watchImageBox hr{
	color:#7E8AA2;
	background-color:#7E8AA2;
}

/*1st level li*/
.products #subNav ul li a{
	color: #2a303c;
	background-color: #b3b3b3;
	background-image: none;
	border-top: 1px solid #fff;
}

/*2nd level li, overridding the 1st level setting*/
.products #subNav ul li ul li a{
	color: #2a303c;
	border-top: none;
	background: #d4d4d4 url(/images/subNav_dot_divider.gif) no-repeat center bottom;
}

/*remove first item's white border*/
.products #subNav li.lady a{
	border-top: none;
}

.products #subNav ul li ul li:last-child a{
	background-image:  none;	
}

.watches.lady #subNav div.box-inner > ul > li.lady a,
.watches.man #subNav div.box-inner > ul > li.man a,
.watches.all #subNav div.box-inner > ul > li.all a{
	background: #2a303c url(/images/subNav_arrow.png) no-repeat 5px center;
	cursor: default;
	color: #fff;	
}

/*hightlight a 2nd level subNav*/
.watches.lady.analog #subNav #ladyAna a,
.watches.lady.digital #subNav #ladyDigi a,
.watches.man.analog #subNav #manAna a,
.watches.man.digital #subNav #manDigi a,
.watches.man.anaDigi #subNav #manAnaDigi a,
.watches.all.analog #subNav #allAna a,
.watches.all.digital #subNav #allDigi a,
.watches.all.anaDigi #subNav #allAnaDigi a{
	background: #2a303c url(/images/subNav_arrow.png) no-repeat 5px center;
	cursor: default;
	color: #fff;
}


/*hightlight the 1st level subNav when an 2nd level subNav is selected*/
.watches.lady.analog #subNav div.box-inner ul li.lady a,
.watches.lady.digital #subNav div.box-inner ul li.lady a,
.watches.man.analog #subNav div.box-inner ul li.man a,
.watches.man.digital #subNav div.box-inner ul li.man a,
.watches.man.anaDigi #subNav div.box-inner ul li.man a,
.watches.all.analog #subNav div.box-inner ul li.all a,
.watches.all.digital #subNav div.box-inner ul li.all a,
.watches.all.anaDigi #subNav div.box-inner ul li.all a{
	cursor: pointer;
	background: #5d6679;
	color: #fff;
}

.watches .pageNav a {	
	border-color: #ff9800;
	color: #000;
}

.watches .pageNav a.currentPage,
.watches .watchBox a.prodLink:hover{
	color: #fff;
	background-color: #ff9800;
}

.watches .specBoxContent{
	background: url(../products/images/boxBg.png) no-repeat 0 bottom;
}

.watches .colorBox a{
	border-color: #7E8AA2;
}

.watches #colorSelectContent a.highlighted {
	border-color: #ff9800;
}

.watches .pageNav a:hover,
.watches .pageNav a.prevLink:hover,
.watches .pageNav a.nextLink:hover,
.watches .pageNav a.firstLink:hover,
.watches .pageNav a.lastLink:hover
{
	color: #fff;
	background-color: #ff9800;
}
.photoWatches #watchImages.column1{
	border: 2px dashed #ccc;
	background-color: #fff;
	/*background: url(/products/images_new/mainWatchBg.png) no-repeat;*/
}

.photoWatches #color {
	background: #fff url(/products/images_new/colorBoxBg.png) no-repeat;
}

.photoWatches #watchSelectBox a{
	background-color: #fff;
	/*background: url(../products/images/watchPreviewBg.png) no-repeat;*/
}

.photoWatches #watchSelectBox a:hover{
	margin: 0;
	height: 63px;
	width: 43px;
	border: 1px solid #ff9800;
	/*background: url(../products/images/watchPreviewBgHover.png) no-repeat;*/
}

.photoWatches #watchSelectBox a.current{
	margin: 0;
	height: 61px;
	width: 41px;
	border: 2px solid #097aa2;
	/*background: url(../products/images/watchPreviewBgCurrent.png) no-repeat;*/
}

.photoWatches #watchSelectBox a#spreadoutThumb{
	background: white;
}

.photoWatches #watchSelectBox a#spreadoutThumb span{
	color: #888;
}

.photoWatches .watchTitle{
	color: #097aa2;
	border-color: #d4d4d4;
}

.photoWatches #watchInfoBox a{
	/*background: url(../products/images/watchPreviewBg.png) no-repeat;*/
}

.photoWatches #watchInfoBox a:hover{
	background: url(../products/images/watchPreviewBgHover.png) no-repeat;
}

.photoWatches #watchInfoBox a.current{
	background: url(../products/images/watchPreviewBgCurrent.png) no-repeat;
}

.photoWatches #watchInfoBox a.current:hover{
	cursor: default;
}




#productSearchPage.products #subNav ul li.search a,
#searchResult.products #subNav ul li.search a{
	background: #2a303c url(/images/subNav_arrow.png) no-repeat 5px center;
	/*text-indent: 25px;*/
	cursor: default;
	color: #fff;
}

.pageNav span.pageNum {
	color: #7E8AA2;
}

/*將 Prev 或 Next 關掉*/
.watches.firstPage div.pageNav a.prevLink,
.watches.lastPage div.pageNav a.nextLink,
.watches.firstPage div.pageNav a.firstLink,
.watches.lastPage div.pageNav a.lastLink,
.watches.firstPage div.pageNav a.prevLink:hover,
.watches.lastPage div.pageNav a.nextLink:hover,
.watches.firstPage div.pageNav a.firstLink:hover,
.watches.lastPage div.pageNav a.lastLink:hover{
	color: #eaeaea;
	background: #bebebe;
}

.watches a.sortByDate{
	background: url(/images/buttonSortByDate.jpg) no-repeat;
}

.watches a.sortByName{
	background: url(/images/buttonSortByName.jpg) no-repeat;
}

.watches a.sortByDateDisabled{
	background: url(/images/buttonSortByDate_disabled.jpg) no-repeat;
}

.watches a.sortByNameDisabled{
	background: url(/images/buttonSortByName_disabled.jpg) no-repeat;
}

.watches .watchBox a.prodLink{
	color: #fff;
	background-color: #ff9800;
	/*background-color: #7E8AA2;*/
}

.watchesearchForm label, a.searchOptions{
	color: #fff;
}

.watches #specBoxes{
	color: #444;
}

.watches #watchSpec ul{
	color: #1a007f;
}

.watches div#watchImageBox h3.watchModelText{
	color: #ff9800;
}

.watches div#watchImageBox p{
	background-color: #fff;
}

.watches .watchPreview{
	background-color: #fff;
	border-color: #7E8AA2;
}

.watches .watchPreviewText,
.watches #watchVarTxt{
	background-color: #d4d4d4;
}

#displayStand #accessories,
#displayStand #spec{
	border-top: 1px solid #ccc ;
}

#displayStand table{
	border: 0 solid #ccc;
	border-width: 1px 1px 0 1px;
}

#displayStand th,
#displayStand #spec table td{
	border: 0 solid #ccc;
	border-bottom-width: 1px;
}

#displayStand .vHeader th{	
	background: #ccc;
}

#displayStand #spec table td.power{
	border-left-width: 1px;
}

.support p#downloadNote{
	color: #919191;
}

#alert_404 {
	background: url(/images/404.jpg) no-repeat;
}

/* @end */

/* @group overrides */

#subNav a.externalLink.dark{
	padding-right: 0;
	background: #b3b3b3 url(/images/externalLinkBlack.gif) no-repeat 10px center;
}

#navBar a.externalLink{
	padding-right: 10px;
	background: url(/images/externalLinkWhite.gif) no-repeat 1em 25%;
}

.photoWatches .sectionTitle{
	color: #097aa2
}

.aboutUs .sectionTitle,
.machinery .sectionTitle,
.contactTable caption.sectionTitle{
	color: #5e5e5e
}

/* @end */