/* Rockhall Stylesheet 2009 - Made in 0ad */

* {margin: 0; padding: 0;}
body {background: #DFE2DD url(images/bg.png) top repeat-x; color: #000; position: relative; font-family: "Tahoma", sans-serif; font-size: small; }
a {cursor: pointer; color: #7BAC88;}
#page {width: 930px; margin: 45px auto; background: #fff; overflow: hidden; padding-bottom: 20px;}
#header {overflow: hidden;}
	.logo span {display: block; background: #fff url(images/logo.png) no-repeat; width: 626px; height: 60px; text-indent: -9999px; overflow: hidden; float: left;}
	.logo a span {}
	.mainmenu ul {float: left; width: 250px; position: relative; }
	.mainmenu ul li {list-style-type: none; display: block; width: 96px; /* float: left; */}
	.mainmenu ul li.last { position: absolute; right: 0; top: 0; }
	.mainmenu a {text-indent: -9999px; display: block; height: 16px; width: 96px; }
	.mainmenu a.home {background: transparent url(images/home.png) no-repeat;}
	.mainmenu a.home:hover, .mainmenu .active a.home {background: transparent url(images/home_alt.png) no-repeat;}
	.mainmenu a.hp {background: transparent url(images/sales.png) no-repeat; width: 110px; height: 48px;}
	.mainmenu a.hp:hover, .mainmenu .active a.hp {background: transparent url(images/sales_alt.png) no-repeat; }
	.mainmenu a.contact {background: transparent url(images/contact.png) no-repeat;}
	.mainmenu a.contact:hover, .mainmenu .active a.contact {background: transparent url(images/contact_alt.png) no-repeat;}
	.mainmenu a.service {background: transparent url(images/service.png) no-repeat; width: 110px;}
	.mainmenu a.service:hover, .mainmenu .active a.service {background: transparent url(images/service_alt.png) no-repeat; }
	.mainmenu a.products {background: transparent url(images/parts.png) no-repeat;}
	.mainmenu a.products:hover, .mainmenu .active a.products {background: transparent url(images/parts_alt.png) no-repeat;}
	.mainmenu a.purchasing {background: transparent url(images/purchasing.png) no-repeat; width: 110px;}
	.mainmenu a.purchasing:hover, .mainmenu .active a.purchasing {background: transparent url(images/purchasing_alt.png) no-repeat;}
	.topnav {clear: both; margin: 0 auto; width: 921px;}
	.topnav ul li {list-style-type: none; display: block; float: left;}
	.topnav a { text-indent: -9999px; overflow: hidden; display: block; height: 56px; width: 307px;}
	.topnav a.sales {background: transparent url(images/top_sales.png) no-repeat;}
	.topnav a.sales:hover {background: transparent url(images/top_sales_alt.png) no-repeat;}
	.topnav a.service {background: transparent url(images/top_service.png) no-repeat; }
	.topnav a.service:hover {background: transparent url(images/top_service_alt.png) no-repeat; }
	.topnav a.purchasing {background: transparent url(images/top_purchasing.png) no-repeat;}
	.topnav a.purchasing:hover {background: transparent url(images/top_purchasing_alt.png) no-repeat;}
	#banner {text-align: center;}
	.bannernav {background: transparent url(images/sales_1.png) no-repeat; width: 900px; height: 251px; margin: 0 auto;}
	.bannernav ul {list-style-type: none; padding-top: 25px;}
	.bannernav ul ul { padding-top: 0;}
	.page-1 .bannernav ul, .page-5 .bannernav ul, .page-3 .bannernav ul {display: none;}
	.bannernav a { display: block; width: 178px; height: 30px; text-indent: -9999px; overflow: hidden;}
	.bannernav a.link-8 {background: transparent url(images/nav_sales_1.png) no-repeat; height: 36px;}
	.bannernav .active a.link-7, .bannernav a.link-7:hover {background: transparent url(images/nav_sales_1_alt.png) top left no-repeat; }
	.bannernav a.products {background: transparent url(images/nav_products.png) no-repeat;  height: 36px;}
	.bannernav .active a.products, .bannernav a.products:hover {background: transparent url(images/nav_products_alt.png) top left no-repeat; }
	.bannernav a.link-32, .bannernav a.link-32:hover {background: transparent url(images/nav_products2_alt.png) no-repeat;  height: 24px;}
	.bannernav a.link-33 {background: transparent url(images/nav_hp.png) no-repeat;  height: 43px;}
	.bannernav a.link-33:hover {background: transparent url(images/nav_hp_alt.png) top left no-repeat; }
	.bannernav a.link-14 {background: transparent url(images/nav_service_1.png) no-repeat; }
	.bannernav .active a.link-14, .bannernav a.link-14:hover {background: transparent url(images/nav_service_1_alt.png) top left no-repeat; }
	.bannernav a.link-15 {background: transparent url(images/nav_service_2.png) no-repeat; }
	.bannernav .active a.link-15, .bannernav a.link-15:hover {background: transparent url(images/nav_service_2_alt.png) top left no-repeat; }
	.bannernav a.link-16 {background: transparent url(images/nav_service_3.png) no-repeat; }
	.bannernav .active a.link-16, .bannernav a.link-16:hover {background: transparent url(images/nav_service_3_alt.png) top left no-repeat; }
	.bannernav a.link-11 {background: transparent url(images/nav_purchase_1.png) no-repeat; height: 62px;}
	.bannernav .active a.link-11, .bannernav a.link-11:hover {background: transparent url(images/nav_purchase_1_alt.png) top left no-repeat; }
	.bannernav a.link-12 {background: transparent url(images/nav_purchase_2.png) no-repeat; height: 32px;}
	.bannernav .active a.link-12, .bannernav a.link-12:hover {background: transparent url(images/nav_purchase_2_alt.png) top left no-repeat; }
	
	.bannernav a.link-19 {background: transparent url(images/nav_compaq.png) no-repeat; height: 23px;}
	.bannernav a.link-20 {background: transparent url(images/nav_compaq_sys.png) no-repeat; height: 15px;}
	.bannernav a.link-21 {background: transparent url(images/nav_compaq_opt.png) no-repeat; height: 26px;}
	
	.bannernav a.link-22 {background: transparent url(images/nav_hpint.png) no-repeat; height: 23px;}
	.bannernav a.link-23 {background: transparent url(images/nav_hpint_sys.png) no-repeat; height: 16px;}
	.bannernav a.link-24 {background: transparent url(images/nav_hpint_opt.png) no-repeat; height: 24px;}
	
	.bannernav a.link-25 {background: transparent url(images/nav_hpsto.png) no-repeat; height: 24px;}
	.bannernav a.link-26 {background: transparent url(images/nav_hpsto_eva.png) no-repeat; height: 15px;}
	.bannernav a.link-27 {background: transparent url(images/nav_hpstor_san.png) no-repeat; height: 19px;}
	
	.bannernav .active a.link-19, .bannernav a.link-19:hover {background: transparent url(images/nav_compaq_alt.png) no-repeat; height: 23px;}
	.bannernav li li.active a.link-20, .bannernav a.link-20:hover {background: transparent url(images/nav_compaq_sys_alt.png) no-repeat; height: 15px;}
	.bannernav li li.active a.link-21, .bannernav a.link-21:hover {background: transparent url(images/nav_compaq_opt_alt.png) no-repeat; height: 26px;}
	
	.bannernav .active a.link-22, .bannernav a.link-22:hover {background: transparent url(images/nav_hpint_alt.png) no-repeat; height: 23px;}
	.bannernav li li.active a.link-23, .bannernav a.link-23:hover {background: transparent url(images/nav_hpint_sys_alt.png) no-repeat; height: 16px;}
	.bannernav  li li.active a.link-24, .bannernav a.link-24:hover {background: transparent url(images/nav_hpint_opt_alt.png) no-repeat; height: 24px;}
	
	.bannernav .active a.link-25, .bannernav a.link-25:hover {background: transparent url(images/nav_hpsto_alt.png) no-repeat; height: 24px;}
	.bannernav  li li.active a.link-26, .bannernav a.link-26:hover {background: transparent url(images/nav_hpsto_eva_alt.png) no-repeat; height: 15px;}
	.bannernav  li li.active a.link-27, .bannernav a.link-27:hover {background: transparent url(images/nav_hpstor_san_alt.png) no-repeat; height: 19px;}
	
	.page-3 .bannernav {display: none;}
	.page-7 .bannernav {background: transparent url(images/sales_1.png) no-repeat;}
	.page-8 .bannernav {background: transparent url(images/sales_2.png) no-repeat;}
	.page-14 .bannernav {background: transparent url(images/service_1.png) no-repeat;}
	.page-15 .bannernav {background: transparent url(images/service_2.png) no-repeat;}
	.page-16 .bannernav {background: transparent url(images/service_3.png) no-repeat;}
	.page-11 .bannernav {background: transparent url(images/purchase_1.png) no-repeat;}
	.page-12 .bannernav {background: transparent url(images/purchase_2.png) no-repeat;}
	
	.sidebar {overflow: hidden; width: 288px; float: right;}
	.page-3 .sidebar {display: none;}
	.searchbox {background: transparent url(images/searchbg.png) no-repeat;  height: 276px;}
	.enquirybox {background: transparent url(images/searchbg2.png) no-repeat;  height: 533px;}
	.enquirybox p, .enquirybox h3 { padding: 10px; }
	.searchbox h2  {display: block; text-indent: -9999px; overflow: hidden; width: 185px; height: 38px;}
	.searchbox label { display: none; }
	.searchbox input.textbox, .searchbox select.textbox { width: 101px; height: 16px; border: 0; padding: 3px}
	.enquirybox input.textbox { width: 231px; height: 16px; border: 0; padding: 3px}
	.searchbox select.textbox { width: 106px; height: 20px; margin: 1px;}
	.partsearch, .advanced { position: relative; display: block; width: 274px; height: 78px;}
	.partsearch {background: transparent url(images/partsearch.png) no-repeat;}
	.advanced {background: transparent url(images/advanced.png) no-repeat;}
	.input_part, .input_mfg {position: absolute; top: 30px; left: 14px;}
	.input_name {background: transparent url(images/label_name.png) no-repeat; height: 64px; position: relative; }
	.input_name input {position: absolute; top: 39px; left: 14px;}
	.input_company {background: transparent url(images/label_company.png) no-repeat; height: 52px; position: relative; }
	.input_company input {position: absolute; top: 28px; left: 14px;}
	.input_contact {background: transparent url(images/label_tel.png) no-repeat; height: 52px; position: relative; }
	.input_contact input {position: absolute; top: 28px; left: 14px;}
	.input_email {background: transparent url(images/label_email.png) no-repeat; height: 52px; position: relative; }
	.input_email input {position: absolute; top: 28px; left: 14px;}
	.input_enquiry {background: transparent url(images/label_enquiry.png) no-repeat; height: 191px; position: relative; }
	.input_enquiry textarea {position: absolute; top: 28px; left: 14px; border: 0; width:237px; height:140px; font-family: sans-serif; }
	.enquirybox .errors strong, .enquirybox .error { display: none; }
	.enquirybox .errors { text-align: center; color: #fff; text-transform: uppercase; margin-top: -30px; }
	.input_keyword, .input_condition {position: absolute;  top: 30px; left: 144px;}
	button.submit {margin-top: 15px; background: transparent url(images/submit.png) no-repeat; width: 274px; height: 41px; border: 0; color: #165829; font-size: 0; text-align: right; cursor: pointer;}
	input.send {margin-top: 15px; background: transparent url(images/send.png) no-repeat; width: 274px; height: 41px; border: 0; color: #165829; font-size: 0; text-align: right; cursor: pointer;}
	p.search_note { color: #165829; font-size: small; padding: 10px 15px;}
	.copyright, .copyrightclear { font-size: x-small; color: #7BAC88; background: url(images/dottedline.png) repeat-x top; padding: 5px; margin: 10px;}
	.copyrightclear {padding-top: 0; margin-top: -10px;}
#content {clear: both; margin-top: 15px; padding: 15px; border-top: 3px solid #DFE2DD;}
.page-3 #content { border: 0; margin-top: 0; padding-top: 0; background: url(images/contactbg.png) no-repeat top; width: 900px; height: 542px; position: relative;}
.editable { float: left; width: auto;}
.editable h1.displaynone {display: none;}
.editable .large { font-size: medium;}
.editable .block { background: url(images/dottedline.png) repeat-x bottom; padding-bottom: 25px; overflow: hidden;}
.page-1 .editable, .page-7 .editable { width: 595px;}
.page-14 .editable, .page-15 .editable, .page-16 .editable  { width: 360px; padding-left: 240px;}
.page-8 .editable, .page-20 .editable, .page-21 .editable, .page-23 .editable, .page-24 .editable, .page-25 .editable, .page-26 .editable, .page-27 .editable, .page-34 .editable {padding-left: 0; width: 595px;}
.page-11 .editable, .page-12 .editable   { width: 380px; padding-left: 218px;}
.page-7 .editable { background: transparent url(images/sales_2_contentbg.png) no-repeat;}
.page-3 .editable { position: absolute; top: 110px ; left: 415px;}
.page-7 .paragraph_bg {padding: 15px 0 0 240px;}
.page-8 .paragraph_bg, .page-20 .paragraph_bg, .page-21 .paragraph_bg, .page-23 .paragraph_bg, .page-24 .paragraph_bg, .page-25 .paragraph_bg, .page-26 .paragraph_bg, .page-27 .paragraph_bg, .page-34 .paragraph_bg { padding: 15px 0 0 240px; background: transparent url(images/parts_contentbg.png) no-repeat; height: 154px;}
table.parts td {padding: 15px; background: url(images/dottedline.png) repeat-x bottom; vertical-align: top;}
.page-11 .paragraph_bg {margin-left: -220px; padding: 15px 0 0 220px; background: transparent url(images/purchase1_contentbg.png) left top no-repeat;}
.page-11 .paragraph_bg2 {margin-left: -220px; padding: 15px 0 0 220px; background: transparent url(images/purchase1_contentbg_2.png) left top no-repeat;}
.page-12 .paragraph_bg {margin-left: -220px; padding: 15px 0 0 220px; background: transparent url(images/purchase1_contentbg_2.png) left top no-repeat;}

.page-36 .editable p a , .page-37 .editable p a { border: 0; }

.editable .column { float: left; padding: 0 10px 0 0; width: 285px;}
.editable h2 { font-size: 100%;}
.title_contact {display: block; text-indent: -9999px; overflow: hidden; width: 191px; height: 86px; background: transparent url(images/title_contact.png) no-repeat;}