@import "accordion.css";
@import "search.css";
@import "products.css";
@import "jcarousel.css";
@import "jquery.lightbox.css";
@import "skin.css";

/* Define HTML tags */
body {
background:#EEEEEE;
color:#000000;
font-family: Arial, Helvetica;
font-size:12px;
margin:0px;
padding:0;
}

h1 {
font-family: Arial, Helvetica;
font-size: 24px;
font-weight:normal;
color:#333;
margin:0px;
padding:0 0 12px 0;
line-height: 32px;
}

h2 {
font-family: Arial, Helvetica;
font-size: 18px;
font-weight:bold;
color:#f9c000;
margin:0px;
padding:0 0 12px 0;
}

h3 {
color:#cf0101;
font-family: Arial, Helvetica;
padding:6px 0px 6px 6px;
margin-bottom:6px;
font-size:12px;
background:#eeeeee;
line-height:12px;
}

#content td {
background-color:white;
}

.head {
font-family: Arial, Helvetica;
font-size: 12px;
font-weight:bold;
color:#231f20;
margin:0px;
padding:0px 0px 10px 0px;
line-height: 22px;
}

.headl {
font-family: Arial, Helvetica;
font-size: 18px;
font-weight:bold;
color:#231f20;
margin:0px;
padding:0px 0px 10px 0px;
line-height: 22px;
}

input, textarea, select {
font-family: Arial, Helvetica;
font-size: 11px;
color:#000000;
border-style:solid;
border-width:1px;
border-color:#CCCCCC;
margin-bottom:6px;
padding:2px;
}

.ipt {
font-family: Arial, Helvetica;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
height:28px;
background:url(/assets/32/bg-button.gif) repeat-x;
border:none;
}

.imghome {
margin:0px 0px 12px 12px;
padding:0px
}

p {
margin:0px;padding:0px;
}

fieldset {border:none;padding:0;margin:0;}
fieldset .lbl {float:left;width:110px;line-height:12px;}
fieldset p {margin:4px 0px; padding:0;}
fieldset input, fieldset textarea, fieldset select {padding:4px;}

/* Define div containers */
#container {
background:#FFFFFF url(/assets/32/bg_container.jpg) repeat-y top;
margin: 0 auto;   /* align for good browsers */
padding:0px 10px;
text-align: left; /* counter the body center */
width:951px;
}

#wrapper {
background:#FFFFFF;
margin:0 1px;
}

#banner {
height:108px;
padding:0 10px;
}

.banner-left {
float:left;	
width:607px;
}

.banner-bg {
background:url(/assets/32/banner-bg.jpg) no-repeat top right;
float:left;	
height:108px;
width:321px;
}

#flashcontent {
float:right;
margin-right:14px;
}

#menu {
height:32px;
line-height:32px;
margin:8px 0px;
padding-left:10px;
}

/* Style for Chromemenu */
#chromemenu{
margin-left:0px;
}

#chromemenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#chromemenu ul{
width: 100%;
padding: 0px;
margin: 0;
float: left;
}

#chromemenu ul li{
display: inline;
font:bold 14px Arial;
color:#FFFFFF;
}

#chromemenu ul li a{
width:131px;
float: left;
line-height:32px;
color:#FFFFFF;
font-weight:bold;
text-align:center;
padding:0px;
margin-right:1px;
text-decoration: none;
background:url(/assets/32/bg-menu.gif) no-repeat center;
}

#chromemenu ul li a:hover{
color: #f9c000;
}

#chromemenu ul li a[onMouseover]:after{ /*HTML to indicate drop down link*/
/* content: " v";
/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
}

#content-outer {
padding:0px 10px;
}

#content {
float:left;
height:auto !important;
height:400px;
min-height:400px;
line-height:16px;
margin-left:20px;
padding:12px 12px 18px 0px;
width:674px;
z-index:1;
}

#content a {
color:#cc0000;
text-decoration:none;
}

#content a:hover {
color:#e76f00;
text-decoration:none;
}

#panel {
background:#FFFFFF;
float:left;
padding-bottom:20px;
width:222px;
}

#search {
background:url(/assets/32/bg-search.gif) no-repeat top;
height:50px;
width:222px;
margin:0;
padding:0;
}

#search form {margin:0;}

#search-text {
margin:0;
font-size:15px;
padding:17px 14px 0 13px;
float:left;
font-weight:bold;
}

#search-query {
float:left;
padding-top:14px;
}

#search-go {
float:left;
padding:13px 0 0 4px;
}

#search #sw {
width:100px;
border:solid 1px #ccc;
}

#search #go {
background-image:url(/assets/32/bg_go.gif);
border:none;
width:27px;
height:22px;
cursor:pointer;
}

#myaccordion {
border-left:solid 1px #dddddd;
border-right:solid 1px #dddddd;
float:left;
font:bold 14px Arial;
margin:0;
padding:0;
position:relative;
text-align: left;
width:220px;
z-index:5;
}

#myaccordion li {
list-style-type:none;
margin:0;
text-indent:0;
}

#onlinestore {
background:url(/assets/32/bg-store.gif) no-repeat top;
float:left;
font:bold 14px Arial;
height:103px;
width:222px;
}

#onlinestore a {
color:#cc0000;
text-decoration:none;
}

#onlinestore a:hover {
color:#e76f00;
text-decoration:none;
}

#footer {
background:url(/assets/32/bg-footer.gif) no-repeat;
color:#000000;
font-size:1em;
height:96px;
line-height:18px;
padding:10px 30px;
margin:0 auto;
width:911px;
}

#footer a {
color:#cc0000;
text-decoration:none;
}

#footer a:hover {
text-decoration:underline;
}

#image-panel {
text-align:center;
float:right;
margin:6px 0px 0px 16px;
font-size:9px;
}

.line {border-bottom:1px solid #EEE;width:auto;margin:24px 0px 16px 0px}

.star { color:#ec2027; }

.store {
float:left;
width:155px;
padding:0px 0px 0px 16px;
color:#cc0000;
text-decoration:none;
}

/****** SIDE MENU CUSTOM STYLES ******/
#viewall {
background: url(/assets/32/bg-viewall.jpg) no-repeat top left;
color: #FFF;
display: block;
line-height:32px;
margin-bottom:2px;
padding: 0px 10px;
text-decoration: none;
width:200px;
}

#menu-brands {
background: url(/assets/32/bg-brands.jpg) no-repeat top left;
color: #FFF;
display: block;
line-height:32px;
margin-bottom:2px;
padding: 0px 10px;
text-decoration: none;
width:200px;
}

.brandssubs {
background: #ff3801;
margin:0;
padding:6px 10px;
}

.accord-link a{
color:#FFF;
font-size:11px;
text-decoration:none;
}

.accord-link a:hover {
color:#CC0000;
}

#menu-wild-science {
background: url(/assets/32/bg-science.jpg) no-repeat top left;
color: #FFF;
display: block;
line-height:32px;
margin-bottom:2px;
padding: 0px 10px;
text-decoration: none;
width:200px;
}

.wild-sciencesubs {
background: #ff3aff;
margin:0 0 2px 0;
padding:6px 10px;
}

#menu-my-living-world {
background: url(/assets/32/bg-my-living-world.jpg) no-repeat top left;
color: #FFF;
display: block;
line-height:32px;
margin-bottom:2px;
padding: 0px 10px;
text-decoration: none;
width:200px;
}

.my-living-worldsubs {
background: #4bbf16;
margin:0 0 2px 0;
padding:6px 10px;
}

#menu-tecknokits {
background: url(/assets/32/bg-tecknokits.jpg) no-repeat top left;
color: #FFF;
display: block;
line-height:32px;
margin-bottom:2px;
padding: 0px 10px;
text-decoration: none;
width:200px;
}

.tecknokitssubs {
background: #0000ff;
margin:0 0 2px 0;
padding:6px 10px;
}

#menu-s2010 {
background: url(/assets/32/bg-2010.jpg) no-repeat top left;
color: #FFF;
display: block;
line-height:32px;
margin-bottom:2px;
padding: 0px 10px;
text-decoration: none;
width:200px;
}

.s2010subs {
background: #ff6600;
margin:0 0 2px 0;
padding:6px 10px;
}

#menu-s4d-cityscape {
background: url(/assets/32/bg-4d-cityscape.jpg) no-repeat top left;
color: #FFF;
display: block;
line-height:32px;
margin-bottom:2px;
padding: 0px 10px;
text-decoration: none;
width:200px;
}

.s4d-cityscapesubs {
background: #b363ff;
margin:0 0 2px 0;
padding:6px 10px;
}

#menu-discontinued-products {
background: url(/assets/32/bg-discontinued.jpg) no-repeat top left;
color: #FFF;
display: block;
line-height:32px;
margin-bottom:2px;
padding: 0px 10px;
text-decoration: none;
width:200px;
}

.discontinued-productssubs {
background: #00d5ff;
margin:0 0 2px 0;
padding:6px 10px;
}

/* Style for trade application form */
.outerBox {
float:left;
padding:10px 0px 0px 10px;
}

.row {
float:left;
width:100%;
display:inline;
}

.itemLeft {
padding:3px 6px 0px 0px;
float:left;
display:inline;
}

.itemRight {
margin-left:10px;
padding:3px 6px 0px 0px;
float:left;
display:inline;
}

.itemEntry {
width:140px;
float:left;
display:inline;
}

.itemEnd {
width:200px;
float:left;
display:inline;
}

.itemSpan {
width:530px;
float:left;
display:inline;
color:#ff0000;
padding:6px 0px;
}

.lbl {
width:10em;
float:left;
}

.img {
border:solid 1px #222260;
margin-bottom:2px;
padding:0px;
}


.left {float:left;}
.right {float:right;text-align:right;}

.cal {
background-image:url(/assets/32/div-cal-bg.gif);
background-repeat:no-repeat;
float:left;
font-family:Arial;
font-weight:bold;
height:60px;
margin:0px 10px 20px 0px;
text-align:center;
width:60px;
}

.cal-month {
color:white;
font-size:11px;
}

.cal-day {
font-size:2em;
padding:5px 0px 3px 0px;
}

.cal-year {
color:#CC0000;
}

form label {
	width:8em;
	float:left;
	padding:4px 4px 4px 0px;
}

#zoom {z-index:1000;}
#more-info {display:none;}
#more-info-link {background:url(/assets/32/bg-more-info.gif) no-repeat top;height:28px;width:160px;display:inline;float:left;}

.quick-order {background:url(/assets/32/quick-order.gif) no-repeat top;height:28px;width:160px;display:inline;float:left;margin-right:20px;}
.edit-account {background:url(/assets/32/edit-account.gif) no-repeat top;height:28px;width:160px;display:inline;float:left;margin-right:20px;}
.order-history {background:url(/assets/32/order-history.gif) no-repeat top;height:28px;width:160px;display:inline;float:left;}

#login p {font:bold 14px Arial;margin:10px 10px 0px 10px;border-bottom: solid 1px #000;padding-bottom:4px;}

#panel-account {list-style-type:none;padding:16px 0px 16px 10px;margin:0;}
#panel-account li {border-top: dashed 1px #000;margin:0px 10px 0px 0px;padding:10px 0px}
#panel-account li a {padding:0;margin:0;color:#CC0000;text-decoration:none;line-height:16px;font-weight:bold;}