/* THEME NAME: Teamsales Promotional Products THEME URI: http://www.teamsalesltd.com DESCRIPTION: Promotional Products VERSION: 2.0 AUTHOR: Ballistic Arts Media Studios Inc. AUTHOR URI: http://www.ballisticarts.com */ @charset "utf-8"; /* CSS Document */ body {font-family:Arial, Helvetica, sans-serif; color:#0E4d68; font-size:12px; margin:0; padding:0; background:url(img/mn/bg-browser.gif) repeat;} #home, #teamsalesltd, #categoriesection, #specialssection {font-family:Arial, Helvetica, sans-serif; color:#0E4d68; font-size:12px; margin:0; padding:0; background:url(img/mn/bg-browser.gif) repeat;} a, a:link, a:visited, a:active {color:#215C75; text-decoration:none;} a:hover {color:#8DC218; text-decoration:none;} img {border:none;} .clear {clear:both;} p {padding:0; margin:0 0 20px;} /* MAIN BODY =============================================================================================== */ #thewebsite {width:100%;margin:0; padding:0; background:url(img/mn/bg-texture.gif) no-repeat top center; float:left;} #container {width:938px; margin:0; padding:0; overflow:hidden;} #thecontent {width:940px; padding:0; margin:0; float:left; background:url(img/mn/bg-contentarea.gif) repeat-y; } #contentarea {width:916px; padding:0 12px; margin:0; float:left; background:url(img/mn/bg-contenttop.gif) top center no-repeat; } /* THE HEADER =============================================================================================== */ #theheader {width:940px; height:172px; margin:0; padding:0; float:left; background:url(img/mn/bg-header.jpg) center no-repeat;} #teamsaleslogo {width:250px; height:172px; float:left;} #teamsaleslogo a {width:250px; height:172px; display:block; overflow:hidden; text-align:-99999px; font-size:0;} #topmenu {width:500px; height:25px; padding:15px 25px; margin:0; float:right;} #topmenu ul {padding:0; margin:0; list-style:none; float:right;} #topmenu li {padding:0 10px; margin:0; list-style:none; float:left;} #topmenu li a {font-weight:bold; color:#FFF; text-decoration:none;} #topmenu li a:hover {color:#A8D7fA;} #mainmenu {width:940px; height:32px; margin:0; padding:0; float:left; background:url(img/mn/bg-menu.jpg) top center no-repeat; text-align:left;} #nav { width: 840px; height: 32px; padding: 0 50px; margin:0; float: left; overflow: hidden; } #nav ul { margin: 0px; padding: 0px; float: left; list-style: none; } #nav li{ height:29px; padding: 3px 12px 0; margin: 0px; list-style: none; float: left; background:url(img/mn/menu/bg-menu-li.gif) top left no-repeat; } #nav li a {padding:5px 6px 3px; margin:0; display:block; color:#FFF; text-decoration:none; font-size:13px; font-weight:bold; text-transform:uppercase; background:url(img/mn/menu/bg-menu-a.gif) no-repeat;} #nav li a:hover {color:#FFCC00; background:url(img/mn/menu/bg-menu-ahover.gif) no-repeat;} #nav li ul { position: absolute; height: auto; width: 160px; padding: 0px; list-style: none; margin: -2px 0 0 9px; text-align: left; background: #2B3D61; color: #FFF; display: none; text-indent:0px; z-index:1; } #nav li ul li { margin: 0; padding:0; float: none; height:auto; } #nav li ul li a { font-size:12px; float: none; height: auto; padding:5px; color: #FFF !important; background: #2B3D61; border-bottom: 1px solid #FFF; _height: 20px; _line-height: 15px; } #nav li ul li a:hover { background: #3590d2; color: #FFFFFF; text-decoration:none; _height: 20px; _line-height: 15px; } #nav li:hover ul { display: block; } #nav li.iehover ul { display: block; } #thebanner {width:916px; height:164px; padding:0; margin:0; float:left;} #requestquote {width:347px; height:164px; padding:0; margin:0; float:left; _width:345px; background:url(img/mn/request-quote-bg.jpg) 0 0 no-repeat;} #requestquote ul { width: 35px; float: left; margin: 0; padding: 82px 0 0 150px; list-style:none;} #requestquote ul li { width: 100%; height: 37px; float: left; margin: 0; padding: 0;} #requestquote ul li.request_quote a{ display:block; background:url(img/mn/request-quote-button1.gif) 0 0 no-repeat; width: 185px; height: 37px;} #requestquote ul li.product_search a{display:block; background:url(img/mn/request-quote-button.gif) 0 0 no-repeat; width: 185px; height: 37px;} #requestquote ul li.request_quote a:hover { background-position: -185px 0px ;} #requestquote ul li.product_search a:hover{background-position: -185px 0;} #requestquote a {display:block; overflow:hidden; text-indent:-99999px; font-size:0; } #flashbanner {width:567px; height:164px; padding:0; margin:0; float:right; overflow:hidden;} /* THE FOOTER =============================================================================================== */ #thefooter {width:890px; height:30px; padding:7px 25px 0; margin:0; float:left; background:url(img/mn/bg-footer.gif) top center no-repeat;} #thefooter p {padding:0; margin:0; font-size:11px; color:#333333; text-align:left;} #thefooter a {color:#333333; text-decoration:none;} #credits {width:910px; height:35px; padding:2px 15px; margin:0; float:left; color:#FFF; font-size:11px;} #credits a {color:#FFF; text-decoration:none;} #credits a:hover {color:#FFCC00;} #creditsmenu {width:550px; float:left;} #creditsmenu ul {padding:0; margin:0; list-style:none; float:left;} #creditsmenu li {padding:0 5px; margin:0; list-style:none; float:left;} #creditstag {width:300px; float:right;} /* THE CONTENT =============================================================================================== */ #postarea {width:916px; padding:0; margin:0; float:left;} /* HOME PAGE CONTENT =============================================================================================== */ #home #postarea {background:url(img/home/background.gif) top center no-repeat;} #pagecontent {padding:5px 20px;text-align:left;} #homeproducts {width:380px; padding:150px 0 0; margin:0; float:left;} #productsleft {width:160px; padding:0 20px; float:left; overflow:hidden;} #productsright {width:160px; float:left; overflow:hidden;} #homeproducts ul {width:160px; padding:0; margin:0; list-style:none;} #homeproducts li {background:url(img/buttons/product-list.gif) no-repeat; padding:3px 15px 8px; text-align:left;} #homeproducts li a {display:block; color:#333333; text-decoration:none;} #homeproducts li a:hover {color:#0064B0; text-decoration:none;} #homeservices {width:250px; padding:150px 0 0 50px; margin:0; float:left; text-align:left;} #homeservices p {color:#666666; font-size:13px; line-height:20px; margin:0; padding:0;} #homeintroduction {width:180px; padding:100px 20px 0 0; margin:0; float:right; text-align:left;} #homeintroduction h1 {color:#000; font-size:13px; line-height:20px; margin:0; padding:0; font-weight:normal;} /* SLIDER =============================================================================================== */ #flashbanner #slider, #flashbanner #slider ul { width: 597px; /* important to be same as image width */ height: 164px; /* important to be same as image height */ position: relative; /* important */ overflow: hidden; /* important */ padding: 0px; margin: 0px; } #flashbanner #slider li, #flashbanner #slider ul{padding:0; margin:0;} #flashbanner #slider ul { position: absolute;} #flashbanner .slide {float: left; position: relative; display: none;} #flashbanner #slider .slide span { position: absolute; left: 0; width: 567px; opacity: 0.8; /*this is only used for non-IE on the first slide, before js is loaded, use spanOpacity option to change opacity*/ background-color: #96AEBE; color: #fff; font: 10px 15px Arial, Helvetica, sans-serif; bottom: 0;/*remove this and it will be on top*/ } /* CATEGORIES PAGE CONTENT =============================================================================================== */ #categoriesection #thecontent {width:940px; padding:0; margin:0; float:left; background:url(img/mn/bg-categoriesarea.gif) repeat-y;} #categoriesection #postarea {padding:80px 0 0; background:url(img/categories/background.gif) top center no-repeat;} #sidecolumn {width:228px; float:left;} #sidenav {width:168px; padding:0 30px; margin:0; float:left; background:url(img/categories/bg-submenu.gif) repeat-y;} #sidefooter {width:228px; height:30px; padding:0; float:left; background:url(img/categories/bg-subfooter.gif) top left no-repeat;} #sidenav ul {width:160px; padding:0; margin:0; list-style:none;} #sidenav li {background:url(img/buttons/categories-list.gif) no-repeat; padding:3px 15px 8px; text-align:left; display:block;} #sidenav li a {display:block; color:#333333; text-decoration:none;} #sidenav li a:hover {color:#0064B0; text-decoration:none;} #categoriesection #maincontent {width:645px; padding:0 20px 30px; margin:-30px 0 0; float:right; text-align:left;} #categoriesection #maincontent p {width:160px; height:150px; padding:0; margin:0; display:inline; float:left; text-align:center;} /* SPECIAL PAGE CONTENT =============================================================================================== */ #specialssection #pagecontent h2 {color:#0E4d68; font-size:12px; line-height:17px; margin:0 0 20px; padding:0; font-weight:normal;} #specialssection #pagecontent p {width:250px; height:320px; padding:0; margin:0; display:inline; float:left; text-align:center;} /* CONTACT PAGE CONTENT =============================================================================================== */ #pagecontent #leftcol {width:500px; float:left;} #pagecontent #rightcol {width:325px; float:right;}