﻿/* This CSS file is created for you to create or override any of the existing CSS styles used in this theme */

/* AD */
.widgetAd {
				border-color: #CCCCCC;
				border-style: solid;
				border-width: 1px;
				margin-bottom: 5px;
				padding: 2px;
				background: #FFF;
}
.widgetAd img {
				width: 100%;
}
/* 下拉選單 */
.selectcat {
	font-family:Arial, Helvetica, sans-serif
}
/* Tabs */
#tabnav {
				background: transparent url(../images/topnav.jpg) repeat-x scroll center top;
				border: 1px solid #CCCCCC;
				width: 100%;
				height: 30px;
				margin: 0 0 10px;
				font-size: 12px;
				list-style-image: none;
				list-style-position: outside;
				list-style-type: none;
}
ul#tabnav {
				list-style: none;
				display: block;
				height: 30px;
				margin: 0 0 12px;
}
ul#tabnav li {
				padding: 0 14px;
				line-height: 30px;
				float: left;
}
ul#tabnav li a.selected {
				font-weight: bold;
				text-decoration: none;
}
ul#tabnav li a:hover {
				text-decoration: underline;
}
ul#tabnav li a {
}
/* Product */
.pd-line-single {
				margin-top: 22px;
				height: 60px;
				display: block;
}
.pd-line {
				display: block;
				height: auto;
				margin-top: 22px;
				clear: both;
}
.pd-cat {
				clear: right;
				float: left;
				margin-bottom: 50px;
				margin-left: 5px;
				width: 308px;
}
.pd-cat h1 {
				border-bottom: 1px solid #CCCCCC;
				font-family: Arial,Helvetica,sans-serif;
				font-size: 17px;
				margin: 3px 0 0 90px;
				padding: 0;
				width: 215px;
}
.pd-cat h3 {
				color: #333333;
				font-size: 13px;
				line-height: 18px;
				margin: 0 0 10px 90px;
				padding: 0;
}
.pd-list {
				margin-left: 80px;
				width: 215px;
}
.pd-list ul {
				margin: 0 0 0 25px;
				padding: 0;
}
.pd-list li {
				list-style: disc;
				margin-bottom: 0;
}
/******* TIPBOX *******/
#tipBox {
				background: #f7fafb;
				border: 1px solid #ace4ff;
				font-size: 10px;
				padding: 3px;
				width: 180px;
}
#tipBox.blue {
				color: #44a9da;
}
#tipBox.width {
				width: auto;
				-moz-background-clip: border;
				-moz-background-inline-policy: continuous;
				-moz-background-origin: padding;
				-moz-border-radius-bottomleft: 11px;
				-moz-border-radius-bottomright: 11px;
				-moz-border-radius-topleft: 11px;
				-moz-border-radius-topright: 11px;
				-moz-box-shadow: 0 4px 18px #C8C8C8;
				background: #FFFFFF none repeat scroll 0 0;
				border: 1px solid #E5E5E5;
				margin-left: 8px;
				padding: 16px;
}
#tipBox.big {
				width: auto;
				font-size: 40px;
				line-height: 1em;
				padding: 1em;
}
/******* /TIPBOX *******/
/* For Product tree */
.connector_tree tbody td {
				background: #F0F0F0;
				vertical-align: text-top;
}
/* 
ol {
				line-height:19px;
				margin:0 1.5em 0.5em;
				list-style:none
}
*/
/* SMA */
#connector_tree {
				border: solid 1px;
}
#connector_tree td {
				vertical-align: text-top;
				background: #FFF url(http://www.wellshow.com/wp-content/themes/arras-theme/images/topnav.jpg) repeat-x;
}
#connector_tree ul {
				line-height: 19px;
				margin: 0 1.5em 0.5em;
				list-style: none;
				list-style-image: none;
				list-style-position: outside;
				list-style-type: none;
}
#connector_tree h3 {
				font-size: 12px;
				margin: 0 0 0 0;
}
#connector_tree h2 {
				font-size: 14px;
				margin: 0 0 0 0;
}
#connector_tree .sec {
				background-color: #FFF;
				background-image: none;
				border: 1px solid #CCCCCC;
}
/* MMCX */
.connector_tree ul {
				line-height: 19px;
				margin: 0 1.5em 0.5em;
				list-style: none;
}
.connector_tree span {
				display: none;
}
.connector_tree a:hover span.mmcxCrimp {
				display: block;
				height: 122px;
				left: 170px;
				position: absolute;
				top: 380px;
				width: 130px;
}
.connector_tree a:hover span.mmcxSt {
				display: block;
				height: 122px;
				left: 170px;
				position: absolute;
				top: 380px;
				width: 130px;
}
.connector_tree a:hover span.mmcxRa {
				display: block;
				height: 122px;
				left: 170px;
				position: absolute;
				top: 380px;
				width: 130px;
}
.connector_tree a:hover span.mmcxBu {
				display: block;
				height: 122px;
				left: 500px;
				position: absolute;
				top: 380px;
				width: 130px;
}
.connector_tree a:hover span.mmcxEdgemount {
				display: block;
				height: 122px;
				left: 500px;
				position: absolute;
				top: 380px;
				width: 130px;
}
.connector_tree a:hover span.mmcxThruhole {
				display: block;
				height: 122px;
				left: 500px;
				position: absolute;
				top: 380px;
				width: 130px;
}
.connector_tree a:hover span.mmcxSurfacemount {
				display: block;
				height: 122px;
				left: 500px;
				position: absolute;
				top: 380px;
				width: 130px;
}
.connector_tree a:hover span.mmcxStCrimpJack {
				display: block;
				height: 122px;
				left: 500px;
				position: absolute;
				top: 380px;
				width: 130px;
}
.connector_tree a:hover span.mmcxRaCrimpJack {
				display: block;
				height: 122px;
				left: 500px;
				position: absolute;
				top: 380px;
				width: 130px;
}
.connector_tree a:hover span.mmcxRaPCB {
				display: block;
				height: 122px;
				left: 500px;
				position: absolute;
				top: 380px;
				width: 130px;
}
/* Message Boxes */
.info, .success, .warning, .error, .validation {
				border: 1px solid;
				margin: 10px 0px;
				padding: 15px 10px 15px 50px;
				background-repeat: no-repeat;
				background-position: 10px center;
}
.info {
				color: #00529B;
				background-color: #BDE5F8;
				background-image: url('/img/Knob-Info.png');
}
.success {
				color: #4F8A10;
				background-color: #DFF2BF;
				background-image: url('/img/Knob-Valid-Green.png');
}
.warning {
				color: #9F6000;
				background-color: #FEEFB3;
				background-image: url('/img/Knob-Attention.png');
}
.error {
				color: #D8000C;
				background-color: #FFBABA;
				background-image: url('/img/Knob-Cancel.png');
}
