@charset "utf-8";
/* CSS Document */

img {border:0px; display:block; margin-left:auto; margin-right:auto; }
body {background-color:#EEE; }
li a { font-size:14px; }
table {font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:14px; }

ul { list-style:square; }

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

#wrap { width:902px; margin-left:auto; margin-right:auto; }
#body { width:900px; }

#logo {	width:470px; height:80px; float:left; }

#languages { width:200px; height:80px; float:left; text-align:center; }

#languages option {	font-family:Tahoma, Geneva, sans-serif;	size:8px; }

#languages span.we-speak-spanish { font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; }
#languages span.livehelp { font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:12px; }
#languages span.online { font-weight:bold; color:#060; }
#languages span.offline { font-weight:bold; color:#C00; }

#languages ul {	margin-top:0px; }
#languages li {	display:block;	float:left;	width:50px;	list-style:none; }
#languages li a { text-decoration:none;	font-family:Tahoma, Geneva, sans-serif;	font-size:11px;	color:#333;	border-left:1px solid #666; }
#languages li a:hover {	text-decoration:underline; }

#phones { float:right; width:230px; height:60px; }
#phones img {float:right; }

#cart { float:left; width:230px; height:20px; }
span.cart-itemcount { float:right; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:11px; }
span.cart-itemcount a { text-decoration:none; font-size:11px; }

#menu-container { float:left; width:900px;}

#menu-left { float:left; }
#menu-right { float:left; }
#menu-search { float:left; background-image:url(../images/layout/menu_button01.jpg); height:39px; width:155px; }

/*#menu { float:left; }

#hmenu { margin: 0;	padding: 0; }

#hmenu li {	margin: 0; padding: 0; list-style: none; float: left; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; text-shadow:0px 1px 0px #CECECE; }
#hmenu li a { font-size:12px; display: block; padding: 12px 12px; width:65px; height:14px;
				background-image:url(../images/layout/menu_button01.jpg); color:#333; text-align:center; text-decoration: none; }
#hmenu li a:hover {	background-image:url(../images/layout/menu_button02.jpg); color:#FFF; text-shadow: 0px 0px 0px; }

#hmenu div { position: absolute; visibility: hidden; margin: 0;	padding: 0;	background: #EAEBD8; border: 1px solid #333; min-width:100px; }
#hmenu div a {position: relative;display: block; padding: 5px 10px; width: auto; white-space: nowrap; text-align: left; text-decoration: none; background:#CCC;
		color:#333; }
#hmenu div a:hover { background:#333; color: #FFF; }
*/

/************* Horizontal Menu ****************/

#menu { float: left; background: #EEE; }
/*#menu ul li a {text-align:left;}
#menu ul { list-style: none; margin: 0px; padding: 0px; float: left; }

#menu ul li {margin:0px;}

#menu a { text-decoration:none; }

#menu ul li a h2 { display: block; border: 0px; margin: 0px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:14px; font-weight:100;
			text-shadow:0px 1px 0px #CECECE; padding: 12px 12px; width:65px; height:14px; 
			background-image:url(../images/layout/menu_button01.jpg); color:#333; text-align:center; }

#menu ul li a:hover h2 { text-shadow:0px 0px 0px; padding: 12px 12px; width:65px; height:14px; 
			background-image:url(../images/layout/menu_button02.jpg); color:#FFF; text-align:center; }


#menu ul li ul {border:1px solid #000; min-width:65px; background-color:#FFF; }

#menu ul li ul li a { display: block; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:14px;
						padding: 5px 10px; width: auto; white-space: nowrap; text-align: left; background:#CCC;
						color:#333; }

#menu ul li ul li ul {margin-top:-10px;}
#menu ul li ul li ul li.topbottom { display: block; height:10px; background:#CCC; }
						

#menu a:hover { background:#333; color: #FFF; }

#menu li {position: relative;}

#menu ul ul ul { position: absolute; top: 0; left: 100%; }

#menu ul ul {position: absolute; z-index: 500; }

div#menu ul ul { display: none; }

div#menu ul li:hover ul {display: block; }

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

span.menu-all-products { font-weight:bold; border-bottom:1px dotted #000; }
*/
/*************************/

.header-search-form {padding-top:-10px;}
.menu-search-button { display:block; position:relative; z-index:200; background-color:transparent; background-image:url(../images/layout/searchbutton-17x17.png); border:0px; width:15px; height:15px; }
.menu-search-button:hover { cursor:pointer; }
.menu-search-box { display:block; position:relative; z-index:90; background-color:transparent; background-image:url(../images/layout/searchbox.png); border:0px; width:116px; height:19px; 
						font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#666; font-size:12px; margin-top:-18px; margin-left:-5px;
						padding-left:25px;}

/* For mobile devices */

.menu-search-button-ipad { display:block; position:relative; z-index:200; background-color:transparent; background-image:url(../images/layout/searchbutton-19x19.png); border:0px; width:14px; height:14px; }
.menu-search-button-ipad:hover { cursor:pointer; }
.menu-search-box-ipad { display:block; position:relative; z-index:90; background-color:transparent; background-image:url(../images/layout/searchbox.png); border:0px; width:110px; height:17px; 
						font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#666; font-size:12px; margin-top:-18px; margin-left:-5px;
						padding-left:25px;}


/***************** Subscribe section -button and input */
form.join-mailing input {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:16px;
}
form.join-mailing #join-email {color:#666; font-size:12px; width:130px; padding:5px; border:1px solid #000; -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
 }

.join-mailing-button {
	background:url(../images/misc/join-our-mailing-list-button-small.png) no-repeat top left;
	width:107px;
	height:45px;
	border:0px;
}

.join-mailing-button:hover {
	background:url(../images/misc/join-our-mailing-list-button-small-hover.png) no-repeat top left;	
	cursor:pointer;
	width:107px;
	height:45px;
	border:0px;
}



/*.menu-search-button { background-color:transparent; position:absolute; background-image:url(../images/layout/searchbutton.png); border:0px; width:15px; height:15px; margin:12px 0 0 6px; }
.menu-search-button:hover { cursor:pointer; }
.menu-search-box { background-color:transparent; background-image:url(../images/layout/searchbox.png); border:0px; width:116px; height:19px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#666; font-size:12px; padding-left:25px; margin-top:8px; }*/


#current-page { float:left; width:550px; height:10px; padding-top:5px; }

p.current-link { font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:12px; margin:0 0 0 25px; }
p.current-link a {font-size:12px; }
#user-login { visibility:hidden; position:relative; float:left; width:350px; height:20px; text-align:right; }
#user-login p { font-size:10px; }


#user-login-box { border:1px solid #CCCCCC; background-color:#EEEEEE; position:absolute; width:150px; height:160px; margin-left:158px; margin-top:-20px; padding:0 20px 20px 20px; visibility:hidden; }
#user-login-box p { font-size:10px; }
#user-login-box a.closeX { color:#F00; font-weight:bold; font-size:9px; }
#user-login-box a.closeX:hover { text-decoration:none; }


#banner {float:left; width:900px; height:450px; margin:10px 0; z-index:9; background:url(../images/layout/banner-background.png) no-repeat; }
#news { float:left; width:610px; height:30px; background:url(../images/layout/gray-bar-600x30.png) no-repeat; }

span.newsheadline {font-size:13px; color:#000; }
span.newsdate {font-size:10px; color:#666; }
span.newsmoreinfo {font-size:10px; }
span.newsbrief {font-size:10px; }


/* Prev and Next Buttons in News Scroll */
.next, .prev { border:0px; background:none; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:10px; }
.next:hover, .prev:hover { cursor:pointer; }

.cadtips {height:265px; }
.cadtips ul li {height:200px; }
#cadtips-navigation {float:right; }


#networks {float:left; width:290px; height:30px; background:url(../images/layout/gray-bar-300x30.png) no-repeat; }
#col1, #col2, #col3a, #col3b { margin:10px 0 0 0; float:left; width:290px; background:url(../images/layout/col123-header-290x33.png) no-repeat; }
#col1 {margin-right:10px; }
#col2 {margin-left:5px; margin-right:5px; }
#col3a, #col3b {margin-left:10px; } 
#coltitle {margin:0px; }
#colcontainer {border:1px solid #CCC; margin-top:-8px; height:300px; }
#colcontainer-col3a {border:1px solid #CCC; margin-top:-8px; height:160px; }
#colcontainer-col3b {border:1px solid #CCC; margin-top:-8px; height:95px; }
#news2 { float:left; width:610px; height:30px; }
#footer { float:left; width:900px; height:50px; }
#footer p { font-size:10px; text-align:center; }

div.social-buttons {float:left; width:890px; padding:10px; }

p, li { font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:14px; margin:7px 7px; }
h2.col-title { font-family:Tahoma, Geneva, sans-serif; font-size:14px; margin:0px; padding-top:8px; padding-left:10px; color:#666; height:33px; }

a img.cad-advisor { float:right; margin:20px; }

ul.footer {list-style:none; }
ul.footer li {float:left; margin-left:5px; margin-right:5px; }
ul.footer li a {font-size: 12px; }

ul.social-networks { list-style:none; margin:-4px 15px 0 -40px; }
ul.social-networks li { float:right; height:25px; width:15px; }

ul.quick-links { list-style:none; margin-left:-20px; }
ul.quick-links li { background:url(../images/misc/ul-list-icons/highlight_16x16.gif) top left no-repeat; padding-left:20px; }
ul.quick-links li a { font-size:13px; }

ul.newsline li {height:20px; margin:0px; padding-top:4px;}

ul.index-news-list {margin-left: 10px; list-style:none; }
ul.index-news-list li {height:120px; margin: 10px 0 0 15px; padding-top:4px;}



span.newstitle { font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:12px; text-shadow:0px 1px 0px #CECECE; color:#666; margin-left:30px; }
span.privacy { font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:10px; margin:10px; float:right;}
span.slogan { margin-top:5px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:14px; float:right; }
span.cad-int-activities { font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:14px; margin-left:20px;}


form { margin:0px; }
input.mailing-textbox {border: 1px solid #CCC; margin:10px 0 0 20px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:12px; }
input.mailing-submit {border: 1px solid #CCC; background-color:#FFF; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:12px; }
input.mailing-submit:hover { cursor: pointer; background-color:#BBB; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:12px; color:#FFF; }

input.user-login {border: 1px solid #CCC; margin:5px 0 0 5px; width:90px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:10px; }
input.user-submit {border: 1px solid #CCC; background-color:#FFF; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:10px; }
input.user-submit:hover { cursor: pointer; background-color:#BBB; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:10px; color:#FFF; }
label.login {font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:10px; color:#666; }

input.checkout-submit {border: 1px solid #CCC; background-color:#FFF; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:14px; width:160px; height:30px; margin-left:450px; }
input.checkout-submit:hover { cursor: pointer; background-color:#BBB; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:14px; color:#FFF; }

div.specials ul li {height:95px; width:290px; margin-left:-1px; margin-top:-2px; }

#why-us { position:absolute; z-index:9; width:150px; height:50px;
margin-left:740px; margin-top:10px; }

