@charset "UTF-8";
/* CSS Document */


#pagewrapper{
	width: 950px;
	height: 100%;
	margin: 0 auto;
}


/* PAGE HEADER -----------------------------------*/
#pageheader{
	top: 0px;
	width: 100%;
	height: 60px;
	margin-bottom: 82px;
}

#logo{
	margin-top: 10px;
	float: left;	
}

#contact_details{
	float: right;	
}


/* MAIN PAGE DIVS */

#flash{
	width: 950px;
	z-index: 0;
	margin: 7px;
	margin-bottom: 15px;
}

#mainpage_content{
	position: relative;
	width: 100%;
	margin-top: 20px;
}

.centre_text{
	text-align: centre;
	width: 100%;
	height: 20px;
}


/* MAIN MENU STYLE   --------------------------- */
a.menu.headlink{
	text-decoration: none;
	color: #FFF;
	height: 27px;;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 9px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	display: block;
}

a.dropdown.link{
	
	
}

#menubar{
	position: absolute;
	display:inline;
	margin-top: 80px;
	width: 100%;
	height: 47px;
	background-image:url(../images/menu_bar/menu_bar.jpg);
	background-repeat:repeat-x;
	z-index: 100;
}

#menuitemwrapper{
	position: relative;
	height: 100%;
	width: 950px;
	margin: 0 auto;
}

.textitem{
	vertical-align: middle;
	float: left;
}

.menuitem{
	position: relative;
	display: inline-block;
	float: right;
	height: 36px;
	overflow: hidden;
	vertical-align: middle;
}

.menuitem.products{
	width: 93px;	
}

.dropdown_spacer{
	height: 11px;
	width: 100%;
}

.menu.dropdown{
	position: relative;
	display: inline-block;
	background-color:#fff;
	width: 150px;
	z-index: 100;
	opacity: 0.9;
}

.dropdown_menuitem{
	position: relative;
	color: #000;
	display: inline-block;
	clear: both;
	width: 100%;
	height: 25px;
	vertical-align: middle;
	overflow: hidden;
}

.dropdown_menuitem:hover{
	background-color: #F00;
}

.shadow{
	position: absolute;
	height: 100%;
	width: 20px;
	background-repeat: repeat-y;
}

.shadow.left_side{
	left: -20px;
	background-image: url(../images/dropdown_shadow_left.png);
}

.shadow.right_side{
	right: -20px;
	background-image: url(../images/dropdown_shadow_right.png);
}

.menubottom.wrapper{
		
}

.menubottom.leftcorner{
	position: absolute;
	left: 0;
}

.menubottom.rightcorner{
	position: absolute;
	right: 0;
}

.menuitem:hover {
	background-image: url(../images/menu_bar/menu_itempress.jpg);
	background-repeat: repeat-x;
	overflow: visible;
}

.menuitemspacer{
	width: 1px;
	height: 36px;
	float: right;
	border-right: solid #FFF thin;
}



/* EXPANDABLE BOX   ----------------------------- */

.box{
	
}

.box.wrapper{
	position: relative;
	min-width: 100px;
	background-color: #fff;
}

.box.title{
	position: absolute;
	left: 35px;
	top: 0px;
	color: #FFF;
	font-size: 14px;
	font-family: Verdana,Helvetica,Arial,Geneva,Helvetica,sans-serif;
	font-weight: bold;
	line-height: 31px;
}

.box.topbar{
	position: relative;
	float: top;
	width: 100%;
	height: 50px;
	background-repeat: repeat-x;
}

.box.topbar.red{
	background-image:url(../images/expandable_box/box_topbar_red.jpg);
}

.box.topbar.gray{
	background-image:url(../images/expandable_box/box_topbar_gray.jpg);
}

.box.topleftcorner{
	float: left;
	width: 20px;
	height: 50px;
	background-repeat: no-repeat;
}

.box.topleftcorner.red{
	background-image:url(../images/expandable_box/box_topleftcorner_red.jpg);
}

.box.topleftcorner.gray{
	background-image:url(../images/expandable_box/box_topleftcorner_gray.jpg);
}

.box.toprightcorner{
	float: right;
	margin-right: -4px;
	width: 10px;
	height: 50px;
	background-repeat: no-repeat;
}

.box.toprightcorner.red{
	background-image:url(../images/expandable_box/box_toprightcorner_red.jpg);
}

.box.toprightcorner.gray{
	background-image:url(../images/expandable_box/box_toprightcorner_gray.jpg);
}

.box.body{
	clear: both;
	width: 100%;
}

.box.body.red{
	border-right: solid #E5554C 2px;
	border-left: solid #E5554C 2px;
	border-bottom: solid #E5554C 2px;
}

.box.body.gray{
	border-right: solid #BFBFBF 2px;
	border-left: solid #BFBFBF 2px;
	border-bottom: solid #BFBFBF 2px;
}

.box.content_wrapper{
	margin: 0 35px;
	padding: 12px 0;
	font-family: Arial, Helvetica, sans-serif;
	color:#333;
	font-size: 12px;
}

.box.bottomcorner{
	position: absolute;
	bottom: 0px;
	width: 9px;
	height: 9px;
	background-repeat: no-repeat;
}

.box.bottomcorner.left.red{
	left: 0px;
	background-image:url(../images/expandable_box/box_bottomleftcorner_red.jpg);
}

.box.bottomcorner.right.red{
	right: 0px;
	margin-right: -4px;
	background-image:url(../images/expandable_box/box_bottomrightcorner_red.jpg);
}

.box.bottomcorner.left.gray{
	left: 0px;
	background-image:url(../images/expandable_box/box_bottomleftcorner_gray.jpg);
}

.box.bottomcorner.right.gray{
	right: 0px;
	margin-right: -4px;
	background-image:url(../images/expandable_box/box_bottomrightcorner_gray.jpg);
}


/* news (variation of expandable box) */

.box.wrapper.news{
	float: right;
	margin-right: 3px;
	width: 75%;
}

/* login (variation of expandable box) */
.box.content_wrapper.login{
	margin-right: 10px;
	margin-left: 10px;
}

.box.wrapper.login{
	float: left;
	width: 15%;
	margin-left: 2%;
}

.logininput_wrapper{
	position: relative;
	height: 25px;
	width: 120px;
}

.inputboxedge_left{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 10px;
	height: 25px;
	background-image:url(../images/login_inputbox/loginbox_leftend.png);
	float: left;
	background-color:#FFF;
}

.inputboxedge_right{
	position: absolute;
	right: 0px;
	top: 0px;
	width: 10px;
	height: 25px;
	background-image:url(../images/login_inputbox/loginbox_rightend.png);
	float: right;
	background-color:#000;
}

input.login_inputs{
	height: 25px;
	border:solid 0 #fff;
	line-height: 25px;
	vertical-align:text-bottom;
	background-image:NONE;
	background-color: none;
	padding-left: 10px;
	padding-right: 10px;
	width: 100px;
	padding-top: 5px;
	background-image:url(../images/login_inputbox/loginbox_body.png);
	background-repeat: repeat-x;
}

.spacer.login{
	float:top;
	height: 5px;
}

/* manufacturer_sidebar (variation of expandable box) */

.box.wrapper.manufacturer_sidebar{
	float: left;
	width: 22%;
	margin-right: 2%;
}

.box.content_wrapper.manufacturer_sidebar{
	margin-right: 0px;
	margin-left: 0px;
}



li.manufacturer{
	text-align: center;
	left: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #CCC;
}

li.manufacturer.last{
	border-bottom: none;
}

li.manufacturer a{
	text-decoration: none;
	color:#000;
}

li.manufacturer:hover{
	background-color:#E0E0E0; 
}


/* NEWS ARTICLE STYLING ----------------- */



.story.wrapper{
	clear: both;
}

.story.title{
	color: #333;
	font-size:18px;
	font-family: Helvetica,Arial,Calibri,sans-serif;
	font-weight: bold;
	line-height: 25px;
	margin-bottom: -3px;
}

.story.date{
	display: inline-block;
	font-size:12px;
	font-family: Verdana,Helvetica,Arial,Geneva,Helvetica,sans-serif;
	color: #999;
	line-height: 13px;
}

.story.content{
	margin-left: 2% auto;
	margin-right: 2% auto;
	width: 100%;
	font-family: Verdana,Helvetica,Arial,Geneva,Helvetica,sans-serif;
	font-size: 11px;
	line-height: 19px;
	color: #333;
}




.story_image_wrapper{
	float: right;
	position: relative;	
	margin-bottom: 10px;
	margin-left: 20px;
	width: 400px;
}

img.story_image{
	display: inline-block;
	float: left;
	position: relative;
	border: solid 1px #CCC;	
	padding: 3px;
	margin: 0 15px 4px 0;

}

.story.previewwrapper{
	position: relative;
	display: inline-block;
	width: 100%;
}

.story_image.captioned{
	margin-bottom: 5px;
}

.story_image_caption{
	clear: left;
	font-size: 10px;
	font-style: italic;
}

.story.imagewrapper{
	float: left;
	width: 40%;
}

.story.headerwrapper{
	width: 100%;
	float: left;
	margin-bottom: 15px;
}

.story.readmore{
	position: absolute;
	bottom: 0px;
	
	font-size:12px;
}

.sectionheader{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #333;
	margin-left: 25px;
	
}


a.readmore{
	font-size: 13px;
	font-weight: bold;
	color: #03F;
	text-decoration: underline;
}

.header2{
	margin: 0 0 20px 25px;
}

/* MESSAGES -------------------- */

.msg{
	
}

.msg.background{
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: #333;
	opacity:0.3;
	filter:alpha(opacity=30);
	z-index: 101;
}

.msg.justaholder{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 102;
}

.msg.msgwrapper{
	position: relative;
	line-height: 17px;
	margin: 0 auto;
	background-color: #FFF;
	z-index: 102;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	max-width: 200px;
	border: solid 1px #F60;
	width: 100%;
}

.msg.title{
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
}

.msg.icon{
	float: left;
	width: 30%;
}

.msg.text{
	float:left;
	width: 68%;
}

a.msg.okbutton{
	clear: both;
	float: right;
	height: 24px;
	width: 60px;
	background-image:url(../images/okbutton.png);
}

.msg.spacer{
	clear: both;
	height: 1px;
}

.manufacturer{
	
}

#contentwrapper{
	position: relative;
	width: 65%;
	float: left;
}

.manufacturer.wrapper{
	position: relative;
	float: left;
	margin: 20px 0px 20px 0px;
	display: inline-block;
	width: 100%;
	clear: both;
}

.manufacturer.name{
	font-size: 17px;
	font-family: Tahoma, Geneva, sans-serif;
	float: left;
	display: inline-block;
	font-weight: bold;
	color: #666;
}

.manufacturer.category{
	font-size: 13px;
	font-family: Tahoma, Geneva, sans-serif;
	clear: left;
	float: left;
	display: inline-block;
	margin-top: 4px;
}

.manufacturer.logo{
	float: right;
	margin-right: 10px;
}

.manufacturer.description{
	width: 100%;
	float: left;
	clear: both;
	font-size: 13px;
	font-family: Tahoma, Geneva, sans-serif;
}

.manufacturer.website{
	float: left;
	clear: both;
	margin-top: 10px;
	font-size: 13px;
	font-family: Tahoma, Geneva, sans-serif;
}


.manufacturer.separator{
	width: 100%;
	float: left;
	clear: both;
	margin: 3px 0px 3px 0px;
	height: 1px;
}

.manufacturer.separator.bordered{
	border-bottom: solid 1px #999;
}

.manufacturer.previewwrapper{
	position: relative;
	width: 100%;
	display: inline-block;
}

img.manufacturer_logo{
	margin-bottom: 5px;
}

.manufacturer.contentwrapper{
	position: relative;
	width: 100%;
	display: inline-block;
}

.sectionheader{
	font-size: 22px;
	font-family: Tahoma, Geneva, sans-serif;
	float: left;
	display: inline-block;
	font-weight: bold;
	color: #666;
	margin-bottom: 15px;
}

.product.wrapper{
	width: 100%;
	float: left;
	clear: both;
	margin-top: 15px;
}

.product.imagethumbnail{
	float: left;
}

.product.name{
	font-size: 14px;
	font-family: Tahoma, Geneva, sans-serif;
	float: left;
	display: inline-block;
	font-weight: bold;
	color: #666;
	margin-left: 15px;
}

.product.category{
	font-size: 12px;
	font-family: Tahoma, Geneva, sans-serif;
	float: left;
	display: inline-block;
	color: #000;
	margin-left: 15px;
}

.calender_image{
	width: 89px;
	height: 98px;
	float: left;
	background-image: url(../images/calender_page.png);
	background-repeat: no-repeat;
}

.calender.month{
	font-size: 17px;
	font-family: Tahoma, Geneva, sans-serif;
	float: left;
	width: 100%;
	text-align: center;
	display: inline-block;
	font-weight: bold;
	color: #fff;
}

.calender.day{
	font-size: 38px;
	font-family: Tahoma, Geneva, sans-serif;
	float: left;
	width: 100%;
	text-align: center;
	display: inline-block;
	font-weight: bold;
	color: #666;
	clear: both;
	margin-top: 12px;
}


.dealerlisting{
	width: 100%;
	border-bottom: 1px solid #CCC;
	margin-bottom: 10px;
	line-height: 18px;
}

#menu3{
	width: 950px;
	background-image: url(../images/menu_bg.png);
	background-repeat: repeat-x;
	height: 50px;
	float: top;
	margin-top: 0px;
	margin-bottom: 35px;
}

.menu3corner{
	width: 18px;
	height: 100%;
	background-repeat: no-repeat;
}

.menu3corner.left{
	background-image: url(../images/menu_corner_left.jpg);
	float: left;
}

.menu3corner.right{
	background-image: url(../images/menu_corner_right.jpg);
	float: right;
}

.menu3content{
	height: 55px;
	padding: 4px 0 0 0;
	text-align: center;
	line-height: 20px;
}

.menu3item{
	display: inline-block;
	color: #999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding: 1px 45px;
	
	margin-left: -4px;
}

.menu3item.lastinline{
	border: none;
}

.menu3item:hover{
	color: #EEE;
	cursor: pointer;
	background-color: #333;
}

.contactform{
	width: 100%;
	
}




/* <--------------  SPECS TABLE ----------------> */
.specs{
	font-family: Verdana,Helvetica,Arial,Geneva,Helvetica,sans-serif;
	line-height: 20px;
	font-size: 10px;
}

.specs.wrapper{
	position: relative;
	width: 80%;
}

.specs.row{
	width: 100%;
	border-bottom: 1px solid #CCC;	
	padding: 3px 8px;
}

.specs.row.highlight{
	background-color: #F6F6F6;	
}

.specs.column{
	
}

.specs.column.left{
	float: left;
	width: 30%;
	font-weight: bold;
}

.specs.column.right{
	float: left;
	width: 65%;
}

.product.section{
	margin-top: 30px;
	margin-bottom: 20px;
	font-family: Verdana,Helvetica,Arial,Geneva,Helvetica,sans-serif;
	line-height: 20px;
	font-size: 10px;
	clear: both;
}

.product.subheading{
	color: #333;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 10px;
	border-bottom: 1px solid #E9E9E9;
	padding-bottom: 4px;
	
}

.content.wrapper{
	width: 100%;
	padding: 0 20px;
}

#preview{
	position:absolute;
	border:1px solid #CCC;
	background:#333;
	padding:10px;
	display:none;
	color:#fff;
	}


img.bordered{
	padding: 5px;
	height: 120px;
	margin: 0 15px 15px 0;
	border: 1px solid #CCC;
}


.box.wrapper.admin_sidebar{
	float: left;
	width: 22%;
	margin-right: 2%;
	border-right: 1px solid #03F;
}

a.admin{
	text-decoration: none;
	color: #03F;
	line-height: 25px;
	font-family: Verdana,Helvetica,Arial,Geneva,Helvetica,sans-serif;
	font-weight: bold;
	display: block;
	font-size: 14px;
}

a.admin:hover{
	text-decoration: underline;	
}

#featurelist, #specificationlist{
	position: relative;
	position: relative;
	display: block;
	width: 75%;
	margin-top: 20px;
	float: right;
}

.featurerow, .specrow{
	display: inline-block;
	width: 100%;
	background-color: #DDD;
	clear: both;
	padding: 5px;
	border-bottom: 2px solid #FFF;
}

.featureitem, .specitem{
	width: 70%;
	float: left;
	line-height: 20px;
	font-family: Verdana,Helvetica,Arial,Geneva,Helvetica,sans-serif;
	font-weight: bold;
	font-size: 11px;
	padding-right: 7px;
	border-right: solid 2px #FFF;

}

.featurerowspacer{
	
}

.fdel, .fedit, .fup, .fdown, .sdel, .sedit, .sup, .sdown{
	float: left;
	margin-left: 7px;
}

.admin{
			font-family: Verdana,Helvetica,Arial,Geneva,Helvetica,sans-serif;
			font-size: 13px;
}

.heading{
	display: inline;
	font-size: 14px;
	font-weight: bold;
	color: #333;
}

.heading.first{
	margin: 0 0 5px 0;	
}

#save{
	clear: both;
	margin-top: 30px;
	color: #F00;
	font-size: 16px;
	font-weight: bold;
	float: right;
	
}

.inventoryItem{
	display: block;
	color: #333;
	font-family: Verdana,Helvetica,Arial,Geneva,Helvetica,sans-serif;
	font-size: 13px;
	margin-bottom: 7px;

}

.inventoryItem:hover{
	text-decoration: underline;	
}

.listheader{
	display: block;
	
	padding-top: 10px;
	margin-bottom: 10px;
	font-size: 12px;
	font-family: Verdana,Helvetica,Arial,Geneva,Helvetica,sans-serif;
	color: #00C;
	font-weight: bold;
	
}

.listwrapper{
	
}

.admin.row{
	display: inline-block;
	position: relative;
	width: 100%;
	padding: 13px;
	background-color: #FAFAFA;
	border-bottom: 2px solid #FFF;
}
.admin.titlecol{
	float: left;
	width: 25%;
	
}

.admin.inputcol{
	float: left;
	width: 74%;
}

.lineListings
{
	width: 70%;	position: relative;
}

.lineListingWrapper
{
	position: relative; width: 100%;
}

.lineListingTitle
{
	position: relative; padding: 4px; width: 100%; background-color: #EEE;
}

.text0
{
	font-family:  Verdana,Helvetica,Arial,Geneva,Helvetica,sans-serif;  line-height: 18px; font-size: 12px;	 color: #333;
}

.text1
{
	font-family: Verdana,Helvetica,Arial,Geneva,Helvetica,sans-serif; font-size: 15px; font-weight: bold; color: #036;
}

.text1.productsubheading
{
	margin-bottom: 10px;
	border-bottom: 1px solid #E9E9E9;
	padding-bottom: 4px;
}

.text3
{
	font-family: Verdana,Helvetica,Arial,Geneva,Helvetica,sans-serif; font-size: 12px; color: #333;  line-height: 18px;
}

.text4
{
	font-family: Verdana,Helvetica,Arial,Geneva,Helvetica,sans-serif; font-size: 10px; color: #666;
}

span.bold
{
	font-weight: bold;	
}

.productListingWrapper
{
	position: relative;  width: 100%; border: 1px solid #EEE; display: inline-block;  margin: 5px;  padding: 5px;
}

.productListingWrapper :hover
{
	border-style: 5px solid #DDD;
	background-color: #EEE;
}

.productListingImage
{
	float: left;  width: 20%;  overflow: hidden;  text-align: center;
}

.productListingTextSection
{
	position: relative;  float: left;  width: 70%;
}

.productListingText
{
	display: block;  margin-left: 10px;  height: auto;
}

.row
{
	font-family:  Verdana,Helvetica,Arial,Geneva,Helvetica,sans-serif;  line-height: 18px; font-size: 11px; overflow: hidden;
}

.row.wrapper
{
	width: 100%; position: relative; display: block;
}

.row.leftcol
{
	float: left; width: 20%; overflow: hidden;
}

.row.rightcol
{
	float: left; width: 75%;  overflow: hidden;
}

.row.leftcol.news
{
	width: 30%;
}

.row.rightcol.news
{
	width: 70%;
}

.row.leftcol.manufacturerProducts
{
	width: 30%;  text-align: center;
}

.row.rightcol.manufacturerProducts
{
	width: 65%;  padding-left: 5%;
}

.row.leftcol.whoWeAre
{
	width: 41%;  padding-right: 4%;
}

.row.rightcol.whoWeAre
{
	width: 55%;
}

.spacer
{
	height: 20px; width: 100%;	margin-bottom: 22px;
}

.spacer.bordered
{
	border-bottom: solid 1px #E1E1E1;  border-style: dotted;
}

.spacer.bordered.product
{
	height: 15px;  margin-bottom: 17px;
}

a.catalogueProduct
{
	
	text-decoration: none;
	color: #333;
	font-size: 13px;
	line-height: 18px;
	display: block;
	padding-left: 15px;

}

a.catalogueProduct:hover
{
	background-image: url(/images/highlight_bg.jpg);
	background-repeat: repeat-x repeat-y;
}



.text2
{
	font-family: Verdana,Helvetica,Arial,Geneva,Helvetica,sans-serif; font-size: 11px; color: #666; font-style: italic;  display: inline;
}

span.text2
{
	font-family: Verdana,Helvetica,Arial,Geneva,Helvetica,sans-serif; font-size: 11px; color: #666; font-style: italic;
}

.footer
{
	width: 100%;  clear: both;  margin: 20px 0;  text-align: center;
}

#backgroundPopup
{
	display: none;
	position: fixed;
	_position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: #000;
	border: 1px solid #cecece;
	z-index: 200;
}

#popupContact
{
	display: none;
	position: fixed;
	_position: absolute;
	width: 360px;
	background: #FFF;
	border: 2px solid #cecece;
	z-index: 201;
	padding: 12px;
	font-size: 13px;
}

.closePopup
{
	cursor: pointer;
}

.closePopup.symbol
{
	position: absolute;
	right: 10px;
	top: 10px;
}

.clearfix
{
	width: 100%; height: 1px; clear: both;	
}