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

@font-face {
	font-family: 'Gothic-OneTwoCondensedRegular';
	src: url('fonts/goontwcn-webfont.eot');
	src: local('?'), url('fonts/goontwcn-webfont.woff') format('woff'), url('fonts/goontwcn-webfont.ttf') format('truetype'), url('fonts/goontwcn-webfont.svg#webfontJILR5Vyc') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Gothic-TwoTwoRegular';
	src: url('fonts/gotwtw__-webfont.eot');
	src: local('?'), url('fonts/gotwtw__-webfont.woff') format('woff'), url('fonts/gotwtw__-webfont.ttf') format('truetype'), url('fonts/gotwtw__-webfont.svg#webfontWh4Ann8R') format('svg');
	font-weight: normal;
	font-style: normal;
}

* {margin: 0; padding: 0;}
/* p { padding: 5px 0; } */
hr { border: none; background: none; color: none; border-bottom: 1px dotted #ccc; }
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;}
a img { border: 0; color: #fff; }
.green { 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; font-family: 'Gothic-TwoTwoRegular'; }
	.mainmenu ul li a { color: #155728; background: transparent url(images/r_alt.gif) left 5px no-repeat; padding-left: 20px; text-decoration: none; letter-spacing: 0; width: 100px; display: block; }
	.mainmenu ul li a:hover, .mainmenu ul li.active a { color: #83D5A8; background: transparent url(images/r.gif) left 5px no-repeat; }
	.mainmenu ul li {list-style-type: none; display: block; width: 96px; /* float: left; */}
	.mainmenu ul li a.link-42 { position: absolute; right: 0; top: 0; }
	.mainmenu ul li a.link-43 { position: absolute; right: 0; top: 15px; }
	
	h1.title { font-family: 'Gothic-TwoTwoRegular'; position: absolute; top: -160px; left: 260px; font-size: 30px; color: #155728; text-transform: lowercase; font-weight: normal; }
	span.introtext { font-family: 'Gothic-TwoTwoRegular'; position: absolute; top: -240px; left: 40px; font-size: 12px; color: #fff;  font-weight: normal; width: 140px; }
	
	
/* 	Blog */

.page-43 .editable { width: 600px; }

.item h2 { font-size: 150%!important; padding-bottom: 10px; }	

.item { padding: 10px; border-bottom: 1px dotted #ccc; margin-bottom: 10px; }

.blogbody p { padding: 5px 0; }
	
	/*
.mainmenu a { text-indent: -9999px; display: block; height: 16px; width: 96px; }
	.mainmenu a.link-1 {background: transparent url(images/home.png) no-repeat;}
	.mainmenu a.link-1:hover, .mainmenu .active a.link-1 {background: transparent url(images/home_alt.png) no-repeat;}
	.mainmenu a.link-34 {background: transparent url(images/sales.png) no-repeat; width: 110px; height: 48px;}
	.mainmenu a.link-34:hover, .mainmenu .active a.link-34 {background: transparent url(images/sales_alt.png) no-repeat; }
	.mainmenu a.link-3 {background: transparent url(images/contact.png) no-repeat;}
	.mainmenu a.link-3:hover, .mainmenu .active a.link-3 {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.link-8 {background: transparent url(images/parts.png) no-repeat;}
	.mainmenu a.link-8:hover, .mainmenu .active a.link-8 {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: 917px; padding-left: 4px; font-family: 'Gothic-TwoTwoRegular';}
	.topnav ul li {list-style-type: none; display: block; float: left;}
	.topnav a { /* text-indent: -9999px; overflow: hidden; */ display: block; padding: 5px 10px 10px; width: 270px; margin: 10px 7px; text-decoration: none; color: #155728; background: #eee; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-align: center; font-size: 14px;}
	.topnav a:hover { background: #98CFA7; }
	.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: 250px; margin: 0 auto;}
	.bannernav2 {background: transparent url(images/banner_alt.gif) no-repeat; width: 900px; height: 250px; 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 a.link-38 {background: transparent url(images/nav_hpproliant.png) no-repeat; height: 23px;}
	.bannernav a.link-39 {background: transparent url(images/nav_hpstorageworks.png) no-repeat; height: 22px;}
	
	.bannernav a.link-40 {background: transparent url(images/nav_techservices.png) no-repeat; height: 26px;}
	.bannernav a.link-41 {background: transparent url(images/nav_maintcontracts.png) no-repeat; height: 47px;}
	
	.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;}
	
	.bannernav li li.active a.link-38, .bannernav a.link-38:hover {background: transparent url(images/nav_hpproliant_alt.png) no-repeat; }
	.bannernav li li.active a.link-39, .bannernav a.link-39:hover {background: transparent url(images/nav_hpstorageworks_alt.png) no-repeat; }
		
	.bannernav li.active a.link-40, .bannernav a.link-40:hover {background: transparent url(images/nav_techservices_alt.png) no-repeat; }
	.bannernav li.active a.link-41, .bannernav a.link-41:hover {background: transparent url(images/nav_maintcontracts_alt.png) no-repeat; }
	
	.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;}
	.page-40 .bannernav {background: transparent url(images/tech.png) no-repeat;}
	.page-41 .bannernav {background: transparent url(images/tech.png) no-repeat;}
	
	
	.sidebar {overflow: hidden; width: 288px; float: right;}
	.twitter { padding-top: 10px; }
	.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; position: relative; }
.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, .page-40 .editable, .page-41 .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, .page-38 .editable, .page-39 .editable {padding-left: 0; width: 595px;}

.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-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;}
/* .page-38 .paragraph_bg { height: 280px; } */

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;} */

.hasCaption { background: transparent url(images/caption_bg.png) 20px 20px no-repeat; position: relative; overflow: hidden; }
.hasCaption .editable { padding: 15px 0 0 240px; height: auto; width:330px; }
.hasCaption table.parts { width: 580px; margin-left: -240px; }
.pageCaption { font-family: Gothic-OneTwoCondensedRegular; color: #fff; font-size: 15px; padding: 10px 15px; position: absolute; top: 20px; left: 20px; width: 200px; line-height: 1.5; }
.page-34 .pageCaption { display: none; }
.page-34 .hasCaption { background: none; }
.page-34 .editable { padding-left: 0; width: 595px; }

/* p.paragraph_bg { background: transparent url(images/caption_bg.png) no-repeat; position: relative; } */

.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%;}
.editable ul { padding-left: 1.5em!important; }
.title_contact {display: block; text-indent: -9999px; overflow: hidden; width: 191px; height: 86px; background: transparent url(images/title_contact.png) no-repeat;}

/* Stock Table */

.page-42 table th { text-align: left; font-weight: normal; font-family: 'Gothic-TwoTwoRegular'; padding: 10px; color: #155728; }

.page-42 table { background: transparent url(images/th.gif) top no-repeat; }

.page-42 table td { padding: 5px 10px; }

/* define height and width of scrollable area. Add 16px to width for scrollbar          */
div.tableContainer {
	clear: both;
	height: 998px;
	overflow: auto;
	width: 580px
}

/* Reset overflow value to hidden for all non-IE browsers. */
html>body div.tableContainer {
	overflow: hidden;
	width: 580px
}

/* define width of table. IE browsers only                 */
div.tableContainer table {
	float: left;
	width: 580px
}

/* define width of table. Add 16px to width for scrollbar.           */
/* All other non-IE browsers.                                        */
html>body div.tableContainer table {
	width: 580px
}

/* set table header to a fixed position. WinIE 6.x only                                       */
/* In WinIE 6.x, any element with a position property set to relative and is a child of       */
/* an element that has an overflow property set, the relative value translates into fixed.    */
/* Ex: parent element DIV with a class of tableContainer has an overflow property set to auto */
thead.fixedHeader tr {
	position: relative
}

/* set THEAD element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
html>body thead.fixedHeader tr {
	display: block
}

/* make the TH elements pretty */
thead.fixedHeader th {
/*
	background: #C96;
	border-left: 1px solid #EB8;
	border-right: 1px solid #B74;
	border-top: 1px solid #EB8;
	font-weight: normal;
	padding: 4px 3px;
	text-align: left
*/
}

/* make the A elements pretty. makes for nice clickable headers                */
thead.fixedHeader a, thead.fixedHeader a:link, thead.fixedHeader a:visited {
/*
	color: #FFF;
	display: block;
	text-decoration: none;
	width: 100%
*/
}

/* make the A elements pretty. makes for nice clickable headers                */
/* WARNING: swapping the background on hover may cause problems in WinIE 6.x   */
thead.fixedHeader a:hover {
/*
	color: #FFF;
	display: block;
	text-decoration: underline;
	width: 100%
*/
}

/* define the table content to be scrollable                                              */
/* set TBODY element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
/* induced side effect is that child TDs no longer accept width: auto                     */
html>body tbody.scrollContent {
	display: block;
	height: 998px;
	overflow: auto;
	width: 100%
}

/* make TD elements pretty. Provide alternating classes for striping the table */
/* http://www.alistapart.com/articles/zebratables/                             */
tbody.scrollContent td, tbody.scrollContent tr.normalRow td {
	background: #FFF;
	border-bottom: none;
	border-left: none;
/*
	border-right: 1px solid #CCC;
	border-top: 1px solid #DDD;
*/
	padding: 2px 3px 3px 4px
}

tbody.scrollContent tr.alternateRow td {
	background: #EEE;
	border-bottom: none;
	border-left: none;
/*
	border-right: 1px solid #CCC;
	border-top: 1px solid #DDD;
*/
	padding: 2px 3px 3px 4px
}

/* define width of TH elements: 1st, 2nd, and 3rd respectively.          */
/* Add 16px to last TH for scrollbar padding. All other non-IE browsers. */
/* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors        */
html>body thead.fixedHeader th {
	width: 25%;
}

html>body thead.fixedHeader th + th {
	width: 25%;
}

html>body thead.fixedHeader th + th + th {
	width: 25%;
}

/* define width of TD elements: 1st, 2nd, and 3rd respectively.          */
/* All other non-IE browsers.                                            */
/* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors        */
html>body tbody.scrollContent td {
	width: 25%;
}

html>body tbody.scrollContent td + td {
	width: 25%;
}

html>body tbody.scrollContent td + td + td {
	width: 25%;
}

.tableDesc { width: 60%!important; }