/* 
*
*	E-dreamz Apr 2010
*	Yperez
*/


/* 
 * Global
 */

h1 { font-size:24px; color:#d6d6d6; font-weight: bold; text-transform: uppercase;}
h1.welcome{ text-indent: -9999em; width: 270px; height: 50px; background: url('/images/h-welcome.png') top left no-repeat; display: block; margin: 0 0 10px 0;}
h2 { font-size:20px; color:#d6d6d6; font-weight: bold; text-transform: uppercase;}
h2 a{color:#d6d6d6;}
h3 { color: #d78400; font-weight: bold; font-size: 12px; line-height: normal;}
h4 { color: #d78400; font-weight: bold; font-size: 16px; line-height: normal;}

a { color: #d54c01; text-decoration: none;}
a:hover { color: #397bc8; text-decoration: underline;}
a.triangle{ text-decoration: none; background: url('/images/link-arrow.png') left no-repeat; padding-left: 10px; font-weight: normal; font-weight: bold;}
a.triangle:hover{ text-decoration: underline;}
a.homeproduct{ text-decoration: none; background: url('/images/link-arrow.png') left no-repeat; padding-left: 10px; font-weight: normal; color: #3d3835; font-weight: bold;}
a.homeproduct:hover{ color: #d54c01; text-decoration: underline;}

ul li{ margin-bottom: 5px;} 
#bodyright ul li{ list-style-image: url('/images/bullet-arrow.gif'); margin-bottom: 5px;}
ol li{ list-style: decimal; margin-bottom: 5px;}

p{ margin: 0; padding: 0 0 15px 0;}
p img{padding: 5px;}

hr{height: 1px; border: 0; color: #ccc; background-color:#ccc;}

.header{font-size: 21px; color: #002147; font-weight: bold;}
.subheader{font-size: 14px; font-weight: bold;}
.loginheader{font-size: 16px; font-weight: bold;}
.hidden{display:none;}
.date{ font-size: 11px; color: #9a9a9a;}
.small{ font-size: 10px; font-style: italic;}
.req{color: #ff0000; font-weight: bold;}
.blue{color: #003470;}
.linkblue{color: #49709c;}
.orange{color: #d54c01;}
.total{font-size: 16px;}
.qty{width: 25px;}
.marginrt{margin-right: 10px;}
.author{ color: #002147; font-style: italic; font-weight: bold;}


/* 
 * Top Navigation
 */
#topNav { position: absolute; bottom: 0; right: 0; width: 485px; height: 26px; color: #fff;}
#topNav .fblike {float:right; width:80px; height:21px; margin-top:3px;}
#topNav .links{ width: 140px; padding-right:8px; text-align: right; float: right; margin-top: 4px;}
#topNav .links a{color: #fff; padding: 6px 5px 5px 5px;}
#topNav .links a:hover{ text-decoration: none; background: #3c82d3;}
#topNav .links .selected{ text-decoration: none; background: #3c82d3;}
#topNav .viewcart{ width: 85px; height: 21px; padding: 5px 0 0 10px; float: right; background: url('/images/buttons/cart-bg.gif') top left no-repeat;}
#topNav .viewcart a{ color: #fff; text-decoration: none;}
#topNav .viewcart a:hover{ color: #fff; text-decoration: underline;}
#topNav .viewcart.full{ width: 95px; height: 23px; padding: 3px 0 0 0; text-align: center; }

a.view_cart_action, a.view_cart_action:hover { font-size:16px; position:relative; text-decoration:none; top:3px;}

/* 
 * Main Navigation
 */
#navbar{width: 960px; margin: 15px auto; float: left;}
#navbar #notified{width: 200px; float: left; margin-left: 175px;}
#navbar #mainNav { height: 38px; width: 531px; float: right;}
#navbar #mainNav ul{ margin-top: 0; padding: 0; list-style: none; display: inline; overflow: hidden;}
#navbar #mainNav ul li{ margin:0; padding:0; list-style: none; display: inline;}
#navbar #mainNav ul li a { float: left; padding: 38px 0 0 0; overflow: hidden; height: 0px; color: #ffffff; }
#navbar #mainNav ul li a:hover { background-position: 0 -38px;}
#navbar #mainNav ul li .selected{ background-position: 0 -38px;}

#product a { width: 151px; background: url('/images/buttons/nav-product.png') top left no-repeat; margin-right: 15px;}
#customer a { width: 158px; background: url('/images/buttons/nav-customer.png') top left no-repeat; margin-right: 15px;}
#apply a { width: 192px; background: url('/images/buttons/nav-apply.png') top left no-repeat;}


/* 
 * Secondary Navigation
 */
#subnav { width: 208px; background: #e5e5e5 url('/images/structure/sub-bg.jpg') bottom left no-repeat; margin-bottom: 40px; position: relative;}
#subnav .topcorners{ width: 208px; height: 7px; background: url('/images/structure/top-corners.png') top left no-repeat; position: absolute; top: 0; left: 0;}
#subnav .bottomcorners{ width: 208px; height: 7px; background: url('/images/structure/bottom-corners.png') top left no-repeat; position: absolute; bottom: 0; left: 0;}
#subnav ul { margin-top: 0; padding: 0; list-style: none;}
#subnav ul li { margin:0; padding:0; list-style: none;}
#subnav a { width: 188px; background: url('/images/structure/subnav-topline.gif') top left repeat-x; padding: 7px 0 7px 20px; display: block; text-decoration: none; font-size: 14px; font-weight: bold; color: #002147; text-transform: uppercase;}
#subnav a.toplink{background: none;}
#subnav a.toplink.selected{ color: #fff; background: #b84808 url('/images/structure/sub-rollover.gif') top left repeat-x;}
#subnav a:hover{ color: #fff; background: #b84808 url('/images/structure/sub-rollover.gif') top left repeat-x; text-decoration: none; }
#subnav .selected{ color: #fff; background: #b84808 url('/images/structure/sub-rollover.gif') top left repeat-x; text-decoration: none;}


/*dropdown menu*/
#mainNav #main li ul { margin:0; padding: 0; position: absolute; visibility: hidden; display: block; top: 144px; z-index: 100;}
#mainNav #main li ul li { float: none; text-indent: 0; text-align: center; display: block; width: 146px; padding: 0;}
#mainNav #main li ul li a{ font-weight: bold; font-size: 12px; padding: 5px 0 0 0; text-transform: uppercase; width: 146px; height: 27px; display: block; text-decoration: none;}

#mainNav #main li ul li a.sub:link {background: #e5e5e5 url('/images/structure/sub-active.gif') top left repeat-x !important; color: #001c52; border-top: #a2a19f 1px solid;}
#mainNav #main li ul li a.sub:visited {background: #e5e5e5 url('/images/structure/sub-active.gif') top left repeat-x !important; color: #001c52; border-top: #a2a19f 1px solid;}
#mainNav #main li ul li a.sub:hover {background: #b84808 url('/images/structure/sub-rollover.gif') top left repeat-x !important; color: #fff; border-top: #6b2803 1px solid;}
#mainNav #main li ul li a.sub:active {background: #e5e5e5 url('/images/structure/sub-active.gif') top left repeat-x !important; color: #001c52; border-top: #a2a19f 1px solid;}

.ddposition{ left: 432px;}

/* 
 * Layout / Formatting
 */

body{ background: #002958; color: #4a4a4a; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 18px;}

#mainwrapper{width: 100%; background: #fff url('/images/structure/bg-pattern.jpg') repeat-x; }
#wrapper{ width: 960px; margin: 0 auto; position: relative;}

#hd { width: 960px; height: 92px; background:url('/images/structure/header-bg.jpg') top left no-repeat; position: relative;}
#hd #logo { background: url('/images/structure/main-logo.png') top left no-repeat; width: 123px; height: 167px; position: absolute; top: 13px; left: 30px;}
#hd #logo a{text-indent: -9999em; height: 123px; height: 167px; display: block;}
#hd #searchbar{ width: 800px; position: absolute; right: 0; top: 25px;}
#hd #searchbar .field{width: 166px;}
#hd #searchbar .loginfield{width: 150px;}
#hd #searchbar .loginfield.right{margin-right: 10px; margin-left: 5px;}
#hd #searchbar .customer{margin-left:25px; vertical-align: middle;}
#hd #searchbar .welcomeuser{width: 200px; position: absolute; right: 0; top: -10px; color: #b9480a; font-weight: bold; font-size: 14px; font-style: italic; text-align: right; }
#hd #searchbar .welcomeuser a{color: #fff; font-size: 11px; font-style: normal; text-decoration: underline; margin-left: 10px;}
#hd #searchbar .welcomeuser a:hover{color: #397bc8; font-size: 11px; font-style: normal; text-decoration: underline;}

#container { width: 960px; padding-bottom: 0;}

/* 
 * Homepage
 */

#homepanel {width: 960px; height: 252px; background: url('/images/structure/panel-bg.jpg') top left no-repeat;}
#homepanel .content{ width: 317px; float: left; padding: 15px 10px 0 15px;}
#homepanel .flash{ width: 618px; float: left;}

#tabcontainer{margin-top: 18px; position: relative;}

#tabs{margin: 0; padding: 0;}
#tabs li{display: inline; margin: 0 10px 0 0; padding: 0; list-style:none; float: left;}

a.monthly{width: 246px; height: 65px; overflow: hidden; display: block; background: url('/images/buttons/tab-monthly.png') top left no-repeat; text-indent: -9999em;}
a.monthly:hover{ background-position: 0 -65px;}
a.monthly.selected{background-position: 0 -130px;}

a.featured{width: 252px; height: 65px; overflow: hidden; display: block; background: url('/images/buttons/tab-featured.png') top left no-repeat; text-indent: -9999em; margin-left: -22px;}
a.featured:hover{ background-position: 0 -65px;}
a.featured.selected{background-position: 0 -130px;}

.needhelp{width: 480px; height: 55px; position: absolute; top: 5px; right: 0;}
a.needhelp{width: 480px; height: 55px; overflow: hidden; display: block; background: url('/images/buttons/cta-needhelp.jpg') top left no-repeat; background-position: 0 -55px; text-indent: -9999em;}
a.needhelp:hover{ background-position: 0 -55px;}

.viewall{ width: 152px; height: 27px; position: absolute; bottom: 0; right: 0;}
a.viewproducts{width: 152px; height: 27px; overflow: hidden; display: block; background: url('/images/buttons/view-all-products.gif') top left no-repeat; text-indent: -9999em;}
a.viewproducts:hover{ background-position: 0 -27px;}
a.viewclose{width: 152px; height: 27px; overflow: hidden; display: block; background: url('/images/buttons/view-all-closeout.gif') top left no-repeat; text-indent: -9999em;}
a.viewclose:hover{ background-position: 0 -27px;}

.tabbox{ width: 930px; padding: 10px 0 15px 30px; background:#e5e5e5 url('/images/structure/featured-bg.jpg') bottom left no-repeat;}

.featuredrow { width: 895px; float: left;}
.featuredrow.bottom { margin-bottom: 20px;}
.featuredrow .ftitem { width: 418px; float: left; background: url('/images/structure/featured-underline.gif') bottom left no-repeat; padding-bottom: 13px; margin: 0 59px 10px 0; font-size: 11px; line-height: 16px;}
.featuredrow .ftitem.noline {background: none; padding-bottom: 0;}
.featuredrow .ftitem.noright {margin-right: 0;}
.featuredrow .ftitem .text {width: 255px; float: left; margin-right: 22px; position: relative;}
.featuredrow .ftitem .text .title {font-size: 12px; font-weight: bold;}
.featuredrow .ftitem .text img {border: #787878 1px solid; float: left; margin: 0 15px 5px 0;}
.featuredrow .ftitem .text .shippingicon{width: 28px; height: 34px; background: url('/images/shipping.png') top left no-repeat; position: absolute; top: -10px; left: -10px;}
.featuredrow .price {width: 120px; float: left; padding-left: 20px; border-left: #3d3835 1px solid; line-height: normal;}

.part{color: #003470; font-size: 14px; font-weight: bold;}

.ourprice{color: #d54c01; font-weight: bold; margin-left: 10px;}
.ourprice.noleft{margin-left: 0;}
.oldprice{text-decoration:line-through;}

.reflection{width: 960px; height: 25px; background: url('/images/structure/featured-reflection.gif') top left no-repeat; margin-bottom: 25px;}
	
/* 
 * Internal Pages
 */

#bodyleft { width: 208px; float: left; margin: 35px 17px 30px 15px; color: #8c8c8c; font-size: 11px;}
#bodyleft.nosub{ margin-top: 180px;}

#bodyright { width: 720px; float: left; position: relative; padding-bottom: 30px;}
#bodyright.details{margin-top: 15px;}
#bodyright .content{margin-top: 20px; padding: 0 0 20px 10px;}
#bodyright .sort{width: 720px; height: 100px; background: url('/images/structure/sort-bg.jpg') top left no-repeat; margin-top: -15px;}
#bodyright .sort .column01{width: 85px; float: left; color: #b9480a; font-size: 14px; font-weight: bold; margin: 30px 0 0 35px;}
#bodyright .sort .column02{width: 210px; float: left; color: #000; margin: 10px 35px 0 0;}
#bodyright .sort .column02.noright{margin-right: 0;}
#bodyright .sort .column02 .dropdown{width: 200px;}
#bodyright .sort .column03{width: 75px; float: left; margin-top: 28px;}

#bodyright .content .reachus{ border: #ccc 1px solid; padding: 10px; margin-bottom: 20px;}

#bodyright .pager{width: 720px; float: left; text-align: right; color: #8c8c8c; font-size: 11px; margin-bottom: 10px;}

#bodyright .maincol{width: 358px; float: left; margin-right: 3px; padding: 0;}
#bodyright .maincol.noright{margin-right: 0;}
#bodyright .maincol hr{height: 1px; border: 0; color: #ccc; background-color:#ccc; margin: 10px 0; width: 90%;}
#bodyright .maincol ul{margin-top: 10px;}
#bodyright .maincol .product{width: 338px; min-height: 180px; background: #fafafa url('/images/product-bg.gif') bottom left repeat-x; padding: 15px 5px 15px 15px; margin-bottom: 3px;}
#bodyright .maincol .product .image {width: 110px; float: left; position: relative;}
#bodyright .maincol .product .image .shippingicon{width: 28px; height: 34px; background: url('/images/shipping.png') top left no-repeat; position: absolute; top: -10px; left: -10px; z-index: 100;}
#bodyright .maincol .product .image .pimage{ border: #787878 1px solid; margin-bottom: 5px;}
#bodyright .maincol .product .text{width: 210px; float: left; font-size: 11px; line-height: 14px;}
#bodyright .maincol .product .text a{color: #003470; text-decoration: none; font-weight: bold;}
#bodyright .maincol .product .text a:hover{color: #003470; text-decoration: underline;}
#bodyright .maincol .product .text .replacelink{float: right; margin-top: 10px;}
#bodyright .maincol .product .text .parts{width: 210px; margin-top: 25px; font-weight: bold; color: #000;}

#bodyright .maincol .login{ padding: 10px; background: #fafafa url('/images/product-bg.gif') bottom left repeat-x; border: #ccc 1px solid; min-height: 180px;}
#bodyright .maincol .login.billing{min-height: 470px;}
#bodyright .maincol .login.paymentinfo{ margin-bottom: 3px;}
#bodyright .maincol .login .textfield{ width: 230px;}
#bodyright .maincol .login .loginbuttons{margin-left: 90px;}

#bodyright .maincol .tooltip{ margin-top: 200px; width: 246px; height: 71px; background: url('/images/tool-tip.png') bottom left no-repeat; padding: 10px 0 0 13px; color: #fff; font-weight: bold;}

#bodyright .skip{ width: 720px; float: left; margin-top: 25px; border-top: #ccc 1px solid; padding-top: 10px; text-align: right; line-height: normal;}
#bodyright .skip h1{width: 500px;}
#bodyright .bottomlinks{width: 100%; float: left;}

#bodyright .detailview{width: 680px; background: #fafafa url('/images/product-bg.gif') bottom left repeat-x; padding: 20px; margin-bottom: 20px;}
#bodyright .detailview .imagecol{ width: 300px; float: left; position: relative;}
#bodyright .detailview .imagecol img{ border: #7c7c7c 1px solid;}
#bodyright .detailview .imagecol .mainimage{ margin-bottom: 10px;}
#bodyright .detailview .imagecol .thumbs .thumb-product{width: 93px; min-height: 70px; border: #7c7c7c 1px solid; display: block; float: left;}
#bodyright .detailview .imagecol .thumbs a{padding: 0; margin-right:5px; }
#bodyright .detailview .imagecol .thumbs a.last{margin-right: 0;}
#bodyright .detailview .imagecol .thumbs a img{padding: 5px 0; margin: 0; border: none;}
#bodyright .detailview .imagecol .linksrow a{ padding-bottom: 5px; border-bottom: #ccc 1px solid; margin-top: 5px; width: 100%; float: left;}
#bodyright .detailview .imagecol .shippingicon{width: 28px; height: 34px; background: url('/images/shipping.png') top left no-repeat; position: absolute; top: -10px; left: -10px;}
#bodyright .detailview .desc{ padding-left: 10px; width: 370px; float: left; font-size: 11px;}
#bodyright .detailview .desc #addsuccess{color: #4a4a4a; position: relative; font-weight: bold; text-align: center; padding: 5px ; background: #f0c540 url('/images/structure/success-bg.gif') top left repeat-x; border: #d7a50d 1px solid;}
#bodyright .detailview .desc #addsuccess #close{ width: 15px; height: 15px; position:absolute; top: 2px; right: 2px;}

#bodyright .backbutton{position: absolute; right: 0; top: 50px;}
#bodyright .backbutton a{ color: #d54c01; text-decoration: none; background: url('/images/back-arrow.png') left no-repeat; padding-left: 10px; font-weight: normal; font-weight: bold;}
#bodyright .backbutton a:hover{ color: #397bc8; text-decoration: underline;}

#bodyright .grouptable {margin-bottom: 30px; line-height: normal; float: left;}
#bodyright .grouptable .mainborder {border: #c0c0c0 1px solid;}
#bodyright .grouptable .titlebar{ height: 20px; background: #f7df96 url('/images/titlebar-bg.gif') bottom left repeat-x; font-weight: bold; color: #977200;}
#bodyright .grouptable .pleft{padding-left: 5px;}
#bodyright .grouptable .whiteborder{border-right: #fff 1px solid;}
#bodyright .grouptable .border{border-right: #cdcdcd 1px solid;}
#bodyright .grouptable .productrow {color: #000; font-size: 11px;}
#bodyright .grouptable .productrow.alt{background: #f4f4f4;}
#bodyright .grouptable .subtotal{background: #6e95c2; color: #fff; font-size: 14px;}
#bodyright .grouptable .total{background: #004aa1 url('/images/total-bg.gif') top left repeat-x; color: #fff; font-size: 16px;}
#bodyright .grouptable .addcart{text-align: right; border-bottom: #ccc 1px solid; padding-bottom: 10px; margin-bottom: 10px;}

#bodyright .categoryrow {margin-top: 10px;}
#bodyright .categoryrow .catlink{width: 215px; margin-right: 10px; padding-right: 10px; float: left; border-right: #ccc 1px solid;}

#bodyright .categoryrow .categoryimg{ padding: 5px 5px 10px 5px; float: left; background: #002957 url('/images/structure/category-bg.gif') top left no-repeat; margin: 10px 10px 0 0; text-align: center;}
#bodyright .categoryrow .categoryimg a{ color: #fff; font-weight: bold; text-decoration: none;}
#bodyright .categoryrow .categoryimg a:hover{ color: #d54c01; text-decoration: underline;}

#bodyright .breadcrumb{width: 720px; margin: 15px 0; float: left;}
#bodyright .breadcrumb a{color: #fff; font-weight: bold; text-decoration: none; padding: 3px 0 7px 5px; height: 15px; float: left;}
#bodyright .breadcrumb a:hover{color: #d54c01; font-weight: bold; text-decoration: underline;}
#bodyright .breadcrumb .selected{color: #fff; font-weight: bold; text-decoration: underline;}
#bodyright .breadcrumb a.link01{background: #00162d url('/images/bread01.gif') top right no-repeat; padding-right: 30px; padding-left: 10px;}
#bodyright .breadcrumb a.link02{background: #294f7b url('/images/bread02.gif') top right no-repeat; padding-right: 30px; padding-left: 10px;}
#bodyright .breadcrumb a.link03{background: #4a72a0 url('/images/bread03.gif') top right no-repeat; padding-right: 30px; padding-left: 10px;}
#bodyright .breadcrumb a.link04{background: #6e95c2 url('/images/bread04.gif') top right no-repeat; padding-right: 30px; padding-left: 10px;}
#bodyright .breadcrumb a.link05{background: #92b2d6 url('/images/bread05.gif') top right no-repeat; padding-right: 30px; padding-left: 10px;}
#bodyright .breadcrumb a.link06{background: #b8d1ed url('/images/bread06.gif') top right no-repeat; padding-right: 30px; padding-left: 10px;}

#bodyright .contentcol{ width: 200px; float: left;}
#bodyright .formcol{width: 500px; float: left;}
	
/*
 *Listing Items
 */
.listingitem{border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-top: 10px; width: 500px;}
.listingitem .header{ width: 620px; height: 16px; padding: 5px 0 5px 10px; background: #ddcfb3;}
.listingitem .image{width: 100px; float: left; margin-right: 10px;}
.listingitem .image img{ border: #ffffff 2px solid;}
.listingitem .text{width: 300px; float: left;}

/*
 * Graphic Buttons
 */

a.getnotified{ width: 197px; height: 45px; overflow: hidden; background: url('/images/buttons/cta-getnotified.png') top left no-repeat; text-indent: -9999em; display: block;}
a.getnotified:hover { background-position: 0 -45px;}

a.cta-customers{ width: 208px; height: 55px; overflow: hidden; background: url('/images/buttons/cta-customers.gif') top left no-repeat; text-indent: -9999em; display: block;}
a.cta-customers:hover { background-position: 0 -55px;}
a.cta-questions{ width: 208px; height: 55px; overflow: hidden; background: url('/images/buttons/cta-questions.gif') top left no-repeat; text-indent: -9999em; display: block;}
a.cta-questions:hover { background-position: 0 -55px;}
a.cta-gethelp{ width: 208px; height: 55px; overflow: hidden; background: url('/images/buttons/cta-gethelp.gif') top left no-repeat; text-indent: -9999em; display: block;}
a.cta-gethelp:hover { background-position: 0 -55px;}
a.cta-gethelplive{ width: 208px; height: 55px; overflow: hidden; background: url('/images/buttons/cta-gethelplive.gif') top left no-repeat; text-indent: -9999em; display: block;}
a.cta-gethelplive:hover { background-position: 0 -55px;}
a.cta-apply{ width: 208px; height: 55px; overflow: hidden; background: url('/images/buttons/cta-apply.gif') top left no-repeat; text-indent: -9999em; display: block;}
a.cta-apply:hover { background-position: 0 -55px;}
a.cta-getlive{ width: 208px; height: 55px; overflow: hidden; background: url('/images/buttons/cta-getlive.gif') top left no-repeat; text-indent: -9999em; display: block;}
a.cta-getlive:hover { background-position: 0 -55px;}
a.cta-customer{ width: 208px; height: 55px; overflow: hidden; background: url('/images/buttons/cta-customer.gif') top left no-repeat; text-indent: -9999em; display: block;}
a.cta-customer:hover { background-position: 0 -55px;}
a.cta-who{ width: 208px; height: 55px; overflow: hidden; background: url('/images/buttons/cta-who.gif') top left no-repeat; text-indent: -9999em; display: block;}
a.cta-who:hover { background-position: 0 -55px;}
a.cta-specials{ width: 208px; height: 55px; overflow: hidden; background: url('/images/buttons/cta-specials.gif') top left no-repeat; text-indent: -9999em; display: block;}
a.cta-specials:hover { background-position: 0 -55px;}
a.cta-live{ width: 208px; height: 55px; overflow: hidden; background: url('/images/buttons/cta-livehelp.gif') top left no-repeat; text-indent: -9999em; display: block;}
a.cta-live:hover { background-position: 0 -55px;}

a.browse{ width: 210px; height: 80px; overflow: hidden; text-indent: -9999em; display: block;}
a.browse:hover { background-position: 0 -80px;}

a.category{background: url('/images/buttons/browse-category.gif') top left no-repeat; float: left; margin-right: 40px;}
a.brand{background: url('/images/buttons/browse-brand.gif') top left no-repeat; float: left; margin-right: 40px;}
a.equipment{background: url('/images/buttons/browse-equipment.gif') top left no-repeat; float: left;}


/*
 * Form
 */

.form{ padding: 5px 5px 50px 15px; width: 440px; margin:0 auto; background: #fafafa url('/images/product-bg.gif') bottom left repeat-x; border: #ccc 1px solid; }
.formRow{ margin-top: 10px;}

.formItem { width: 220px; float: left;}
.formItem .textfield{ width: 200px;}
.formItem .textfield-small{ width: 50px;}
.formItem .dropdown{ height: 23px;}

.login .formRow {margin: 0 0 5px 0; background: url('/images/form-line.gif') bottom left repeat-x; padding-bottom: 10px;}
.login .formRow .formItem { width: 168px; float: left; line-height: normal;}
.login .formRow .formItem .field{ width: 155px; margin:0;}
.login .formRow .formItem .phonefield{ width: 30px; margin:0;}
.login .formRow .formItem .phonefield2{ width: 35px; margin:0;}

.login .formRow .formItemLong { width: 320px; float: left; line-height: normal;}
.login .formRow .formItemLong .field{ width: 320px; margin:0;}
.login .formRow .formItemLong .zipfield{ width: 50px; margin:0;}
.login .formRow .formItemLong .area{ width: 320px; margin:0;}

.formItemSmall{ width: 40px; float: left;}
.formItemSmall .textfield{ width: 30px;}

.formItemLong { width: 440px; float: left;}
.formItemLong .textfield{ width: 420px;}
.formItemLong .textfield2{ width: 200px;}
.formItemLong .textfield-small{ width: 50px;}
.formItemLong .textarea { width: 420px;}
.formItemLong .dropdown{ height: 23px;}

.city{ width: 220px; float: left;}
.city .textfield{ width: 200px;}

.state{ width: 60px; float: left;}
.state .dropdown{ height: 23px;}

.zipcode{ width: 50px; float: left;}
.zipcode .textfield{ width: 50px;}

.phone{ width: 220px; float: left;}
.phone .textfield{ width: 30px;}
.phone .textfield2{ width: 35px;}

/*
 * Application
 */

.application{ padding: 5px 0 50px 15px; width: 685px; margin:0 auto; background: #fafafa url('/images/product-bg.gif') bottom left repeat-x; border: #ccc 1px solid; }
.approw{ margin-top: 10px; border-bottom: #ccc 1px solid; padding-bottom: 10px;}

.lineitem { width: 330px; padding-left: 10px; float: left; border-right: #ddd 1px solid;}
.lineitem.noright{border-right: none;}
.lineitem .textfield{ width: 315px;}
.lineitem .other{ width: 170px;}
.lineitem .textfield-small{ width: 50px;}
.lineitem .dropdown{ height: 23px;}

.lineitemlong { width: 665px; padding-left: 10px; float: left;}
.lineitemlong .textfield{ width: 655px;}

.lineitemsmall { width: 155px; padding-left: 10px; float: left; border-right: #ddd 1px solid;}
.lineitemsmall.noright{border-right: none;}
.lineitemsmall .smallfield{ width: 30px;}
.lineitemsmall .medium{ width: 35px;}
	
/* 
 * Footer
 */

#ft{ background: #002958 url('/images/structure/footer-pattern.jpg') top left repeat-x; padding-left: 0; color: #ffffff; font-size: 11px; width: 100%; line-height: normal;}
#ft #ftmain { width: 960px; margin: 0 auto; background: #002958 url('/images/structure/footer-bg.jpg') top left no-repeat; min-height: 100px;}
#ft #ftmain #copyright { width: 280px; float: left; font-size: 10px; margin-top: 10px;}
#ft #ftmain #copyright a{color: #49709c; text-decoration: none;}
#ft #ftmain #copyright a:hover{color: #ebb100; text-decoration: underline; }

#ft #ftmain #footerlinks { width: 560px; float: right; margin-top: 20px; text-align: right; line-height: 18px;}
#ft #ftmain #footerlinks a{ color: #ffffff; text-decoration:none;}
#ft #ftmain #footerlinks a:hover{ color: #ffffff; text-decoration:underline;}
#ft #ftmain #footerlinks a:hover{ color: #ffffff; text-decoration:underline;}