@import "TinyMCE.css";

*
{
  /* 
    This is a global setting.
    Whatever you put in here will be applied to
    every element on the page
  */
  font-family: Arial, Verdana, Helvetica, sans-serif;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

body
{
  font-size: 11px;
  font-weight: normal;
  color: #361086;
  text-align: center;
  
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  
  background-color:#34107e;
}

td
{
  font-size: 11px;
  font-weight: normal;
  color: #361086;
  margin: 0px 0px 0px 0px;
  padding: 3px 0px 3px 0px;
  
}
textarea
{
	font-size: 11px;
	width: 210px;
	height: 173px;
}

img
{
  border: 0px;
}
p
{
  padding: 15px 0px 12px 0px;
}

h1
{
  font-size: 14px;
  color: #361086;  
  margin: 20px 0px 0px 0px;
  padding: 0px 0px 10px 0px;
}

h2, h3, h4, h5, h6
{
  color: #CC0000;
  font-size: 12px;
  
  margin: 5px 0px 5px 0px;
  padding: 0px 0px 0px 0px;
}

h3
{
  color: #361086;
}

h4, h5, h6
{
  font-weight: normal;
  color: #333333;
}

h5, h6
{
  color: #334d55;
}

hr
{
	border:0;
	width:100%;
	background-color:#cccccc;
	height:2px;
	text-align:center;
	margin: 5px 0px 5px 0px;
}

a:link, a:visited, a:active 
{	
	font-weight: normal;
	color: #2E0D71;
	text-decoration: none;
}

a:hover, a:active 
{
  color: #684CA4;
	text-decoration: underline;
}

ul
{
  list-style-type: square;
	list-style-position:inside;
}

ul ul
{
  list-style-type: disc;
}

ul ul ul
{
  list-style-type: none;
}

ol
{
	list-style-position:inside;
}

/*********************
 Page Containers
 *********************/

#cmsPageContainer1
{
  text-align: center;
  border:solid 0px #FF0000;
	width: 100%;
  height: auto;
	background-repeat:repeat-y;
	display:block;
	margin: 0px 0px 0px 0px;
	background: transparent  url(../images/interface/bg_subpage_main.jpg) repeat-y center;
}

body.homepage.special #cmsPageContainer1
{
	background: transparent  url(../images/interface/bg_main_tile_vertical.jpg) repeat-y center;
}

#cmsPageContainer2
{
  text-align: center;
	border:solid 0px #3300CC;
	width: 100%;
  height: auto;
	display:block;
	margin: 0px 0px 0px 0px;
	background: transparent url(../images/interface/bg_top_tile_horizontal.jpg) repeat-x top;
}

#cmsPageContainer3
{
  text-align: center;
  width: 100%;
  height: auto;
	margin: 0px 0px 0px 0px;
	background: url(../images/interface/bg_top.jpg) no-repeat top center;
}

#cmsPageBackground
{
  width: 978px;
  height: auto;
  margin: 0px auto 0px auto;
	border: solid 0px #3300CC;
}

/*********************
 Top
 *********************/

#banner
{
  width: 978px;
  height: 108px;
  margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
}

#logo
{
  width: 286px;
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.searchBox
{
  width:615px;
	float:left;
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 31px;
	overflow: hidden;
	text-align: right;
}

.searchBox img
{
  vertical-align: top;
  margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.searchBox .text
{
  font-size: 11px;
  vertical-align: middle;
  margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.searchBox .searchBox_inner
{
  width: 200px;
  margin: 0px 0px 0px auto;
}

.searchBox div
{
}

.searchBox .inputField
{
  float: left;
  height: 29px;
  vertical-align: middle;
  text-align: right;
  padding: 3px 0px 0px 0px;
}

.searchBox .inputField input
{
  border: solid 1px #999999;
  font-size: 10px;
  height: 15px;
  width: 125px;
}

.searchBox .link
{
  float: right;
  width: auto;
}

.searchBox .link a.specialbutton,
.searchBox .link a.specialbutton:link,
.searchBox .link a.specialbutton:visited
{
  display: block;
  width: 60px;
  height: 31px;
  background: transparent url(../images/interface/search.jpg) no-repeat top left;
}

.searchBox .link a.specialbutton:hover
{
  background: transparent url(../images/interface/search_f2.jpg) no-repeat top left;
}

.searchBox .link a.specialbutton span
{
  display: none;
}

#topnav
{
	margin: 27px 0px 0px 0px;
	width:692px;
	float:left;
	text-align:right;
}

#topnav .MenuThemeMenu
{
  
}

#printbanner
{
  display: none;
}

/* -------------------- */

#topnav
{
  
}

#hero
{
  
}

/*****************
 Middle Block
 *****************/

#cmsMiddleBlock
{
  margin: 4px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  min-height: 400px;
  _height: 400px;
}

/****************
 Clearings 
 ****************/

div.clear
{
  clear: both;
  display: block;
  height: 1px;
  font-size: 1px;
  background: solid 1px #ff0000;
}

#cmsMiddleBlockClear
{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  display: block;
}

#cmsBackgroundClear
{
  height: 0px;
  display: none;
}

/******************
 Left
 ******************/

#leftnav
{
  text-align: left;
  float: left;
  width: 100%;
  margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	_padding-left: 1px; /* Added some space on the left in IE so the border could show itself */
}

body.homepage.special #leftnav
{
  width: 744px;
}

#flashbanner
{
  margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height:135px;
	float:left;
}

#flashbanner *
{
  float: left;
}

/*****************
 Content Containers
 *****************/

#cmsContentOuter
{
  text-align: left;
  float: left;
  width: 100%;
  margin: 10px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  color: #361086
}

body.homepage.special #cmsContentOuter
{
  text-align: left;
  float: left;
  width: 744px;
  margin: 10px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#cmsContentInner1
{
  margin: 0px 30px 0px 30px;
  padding: 0px 0px 0px 0px; 
}

body.homepage.special #cmsContentInner1
{
  margin: 0px 0px 0px 30px;
  padding: 0px 0px 0px 0px; 
}

#cmsContentInner2
{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#cmsContentInner3
{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#cmsContentInner3 h1
{
  
}

#cmsContent a:link, a:visited, a:active 
{
  
	font-weight: normal;
	color: ##361086;
	text-decoration: underline;
}
#cmsContent a:hover 
{
  
	font-weight: normal;
	color: ##361086;
	text-decoration: none;
}


body.homepage.special #cmsContentInner3 h1
{
  width: 500px;
  float: left;
}

#cmsContent
{
	border:solid 0px #FF3366;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
}

body.homepage.special #cmsContent
{
	border:solid 0px #FF3366;
	width: 500px; 
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}
#PAGE_order_discountpromotions #cmsContent h1
{
 font-size:20px; 
} 
#PAGE_order_discountpromotions #cmsContent h2
{
 font-size:18px; 
} 
#PAGE_order_discountpromotions #cmsContent h3
{
 font-size:16px; 
}  
#PAGE_order_discountpromotions #cmsContent h4
{
 font-size:14px; 
} 

#ads
{
  float: right;
  margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 199px;
}

.adsContent
{
  background: url(../images/interface/latest_news_bg.jpg) repeat-y;
	min-height: 146px;
	_height:146px;
	margin:0px 0px 0px 0px;
	padding:0px 15px 0px 10px;
	color:#361086;
}

.adTitle
{
  height: 42px;
}

.adFooter
{
  height: 30px;
  width: 199px;
  background: transparent url(../images/interface/latest_news_bottom.jpg) no-repeat top left;
  
}

.promotions .adTitle
{
  background: transparent url(../images/interface/promotions_top.gif) no-repeat top left;
  width: 199px;
  height: 42px;
}

.promotions .adTitle span
{
  display: none;
}

.latestNews .adTitle
{
  background: transparent url(../images/interface/latest_news_top.gif) no-repeat top left;
  width:199px;
  height: 42px;
}

.latestNews .adTitle span
{
  display: none; 
}

/****************
 Right
 ****************/

#rightnav
{
  
}

body.homepage.special #rightnav
{
  float: right;
  width: 224px;
  /* 
    This could potentially be ugly - take the negative margin into account when adding 
    to the flash banner's height etc..
  */
  margin: -91px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	z-index: 100;
	min-height: 300px;
	_height: 300px;
}

/*-------------------------*/

#newProductsContent
{
  min-height: 161px;
  _height: 161px;
	width: 224px;
  margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: transparent url(../images/interface/new_products_bg.jpg) no-repeat left top;
	text-align: left; 
}
#newProducts
{
  
	background: transparent url(../images/interface/contact_easitag_bg.jpg) repeat-y left top;
}


#newProductsContent .contentInner
{
  min-height: 160px;
  _height: 160px;
  width: 180px;
  margin: 0px 0px 0px 15px;
}
#newProductsContent ul
{
	clear:left;
}

#newProductsTitle
{
  width: 224px;
  height: 42px;
  margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	background: transparent url(../images/interface/new_products_top.gif) no-repeat top left;
}

#newProductsTitle span
{
  display: none;
}

#newProductsFooter
{
  width: 224px;
  height: 27px;
  margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: transparent url(../images/interface/new_products_bottom.jpg) no-repeat top left;
}

/*-------------------------*/

.contact
{
  background: transparent url(../images/interface/contact_easitag_bg.jpg) repeat left top;
  
  top:20px;
  position:relative;
}

.contactTitle
{
  width: 224px;
  height: 37px;
  top:-20px;
  position:relative;
  
  background: transparent url(../images/interface/contact_easitag_top.gif) no-repeat left top;
	display: block;
}

.contactTitle span
{
  display: none;
}

.contactContent
{
  text-align: left;
  width: 100%;
	padding: 0px 25px 0px 20px;
}

.contactFooter
{
  width: 224px;
  height: 27px;
  margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: transparent url(../images/interface/new_products_bottom.jpg) no-repeat top left;
}

/*-------------------------*/

.infoline
{
  width: 224px;
  height: 91px;
  position:relative;
  top:25px;
  background: transparent url(../images/interface/national_hotline.gif) no-repeat top left;
}

.infoline span
{
  display: none;
}

/***************
 Footer
 ***************/

#footer 
{
  clear: both;
	width: 978px;
	margin: 0px;
	border: 0px solid #cccccc;
	color: #cccccc;
  background-repeat: repeat-y;
	height:49px;
	text-align: center;
}

.footerlinks
{
	text-align:right;
	width: 968px;
	margin: 20px 0px 0px 0px;
	padding: 0px 10px 0px 0px;
	border: 0px solid #cccccc;
	color: #2E0D71;
	height:20px;
}

#footercontact
{
  
}

.copyright
{
  width: 952px;
	margin: 0px auto 5px auto;
	padding: 4px 0px 0px 4px;
	border: 1px solid #cccccc;
	color: #2E0D71;
	background-color:#FFFFFF;
	height:21px;
	vertical-align:middle;
	text-align: left;
}

#speedwell
{
  
}

#footer a:link, #footer a:visited,
#footer a
{
	font-weight: normal;
	color: #361086;
	text-decoration: none;
  
}

#footer a:hover, #footer a:active
{
	font-weight: normal;
	color: #684CA4;
	text-decoration: none;
}

/***************
 Latest News
 ***************/

.latestNewsItems .newsItem,
.latestNewsItems .newsItem a
{
  font-weight: bold;
  font-size: 12px;
  color: #361086;
}

/***************
 News Room
 ***************/

table#tblStories
{
  width: 100%;
  border-collapse: collapse;
}

.cssStoriesB
{
}


/***************
 Forms
 ***************/

div.contactForm
{
  width: 100%;
}

div.entryForm
{
  width: 100%;
}

div.addressEntry_address
{
  width: 100%;
}

div.addresseEntry_additionalAddress
{
  width: 100%;
}

table.entryFormTable,
table.customerEntryTable,
table.addressEntryTable
{
  border-collapse: collapse;
  border: none 0px #ffffff;
}

td.titleField
{
  height: 25px;
  width: 140px;
  vertical-align: middle;
  text-align: left;
}

td.entryField
{
  white-space: nowrap;
}

td.titleMain
{
  height: 25px;
  text-align: left;
}

.mandatory
{
  color: #ff0000;
}

.contactForm .titleField
{
  vertical-align: top;
}

/**************
 Products
 **************/

.productItem
{
  display: block;
}

.productItem_image
{
  float: right;
  width: 310px;
  text-align: center;
  margin: 0px 3px 10px 3px;
}

.productItem_image .image
{
  border: solid 2px #361086;
  display: block;
  padding: 3px;
  margin: 2px 0px 2px 0px;
}

.productItem_image_filmstrip
{
  display: block;
  clear: both;
  margin: 10px 0px 0px 0px;
  text-align: right;
}

.productItem_image_filmstrip .image
{
  display: inline;
  width: auto;
  margin: 20px 4px 10px 4px;
}


/**************
 Gallery
 **************/

div.galleryItem
{
  width: 100%;
  display: block;
  clear: both;
  margin: 5px 0px 10px 0px;
}

div.galleryItem_image
{
  float: left;
  width: 100px;
  padding: 2px;
}

div.galleryItem_image a
{
  padding: 2px;
}

div.galleryItem_title
{
  margin-left: 100px;
  display: block;
  font-weight: bold;
  font-size: 14px;
  font-family: "Times New Roman", Times, Serif;
  color: #ffffff;
}

#cmsContentOuter .galleryItem_title a,
#cmsContentOuter .galleryItem_title a:link,
#cmsContentOuter .galleryItem_title a:visited
{
  color: #ffffff;
}

body.gallery.photo .galleryItem_title a,
body.gallery.photo .galleryItem_title a:link,
body.gallery.photo .galleryItem_title a:visited,
body.gallery.photo .galleryItem_title
{
  color: #ffffff;
}

body.gallery.photo.scroll .galleryItem_title a,
body.gallery.photo.scroll .galleryItem_title a:link,
body.gallery.photo.scroll .galleryItem_title a:visited,
body.gallery.photo.scroll .galleryItem_title
{
  margin-left: 0px;
}

.scroll .galleryItem_image
{
  float: none;
  display: block;
}

div.galleryItem_description
{
  display: block;
  margin-left: 100px;
}

.scroll .galleryItem_description
{
  margin-left: 0px;
}

div.galleryItem_link
{
  display: block;
  margin-left: 100px;
}

.galleryItem_navigation
{
  display: block;
  margin: 10px;
}

.galleryItem_previous
{
  float: left;
  width: 110px;
  height: 30px;
  display: inline;
  margin-right: 10px;
}

.galleryItem_next
{
  float: left;
  width: 110px;
  height: 30px;
  display: inline;
  margin-left: 10px;
}

.galleryItem_list
{
  clear: both;
  margin-top: 10px;
  display: block;
}

/* ========================================
    PAGE_default = Home Page Styles
   ======================================== */

body.homepage.special #hero
{
  
}

/* Product Order Page */

.ProductOrder 
{
  padding: 0px;
  margin: 0px;
  width: 800px;
}

.ProductOrder .ItemNumber
{
  float: left;
  width: 80px;
  text-align: left;
  font-weight: bold;
  padding-right: 10px;
}


.ProductOrder .Category 
{ 
  float: left;
  width: 250px;
}
.ProductOrder .Product 
{
  float: left;
  padding-left: 10px;
  width: 350px;  
}
.ProductOrder .Product select
{
  width:330px;
}
.ProductOrder .Quantity
{ 
  float: left;  
  text-align: left !important;  
  padding: 0px;
  margin: 0px;
  text-align: left;
  position: relative;
}
.ProductOrder .Quantity input 
{
  margin: 0px;
  padding: 0px;  
  width: 40px;
  position: absolute;
  left: 0px;
}

.ProductOrder .Heading 
{
 font-weight: bold;  
 padding: 0px;
 margin: 0px; 
}

.SubFormHeading 
{
  font-weight: bold;
  padding-bottom: 10px;
  padding-top: 10px;
}

.formElements 
{
}

.titleField 
{
  float: left;
}

.entryField 
{
  float: left;
}
.ProductOrder .titleField 
{
  width: 60px; 
}

.SourceTaggingLeft .titleField
{
  width: 110px;
}

.SourceTaggingRight .titleField
{
  width: 200px;
}

.SourceTaggingLeft 
{
  float: left;
  padding-right: 20px;
  width: 45%;
}
.SourceTaggingRight 
{
  float: left;  
  width: 45%;
}

.ProductOrder .ErrorRow 
{
  color: #880000;
}

.DeliverToForm 
{
  float:left;
  padding-left: 50px;
  width: 390px;
}
.InvoiceToForm
{
  float:left;
  width: 240px;
}

.headingLink
{
  width: 100%;
  height: 100%;
  display: block;
}
.stepIn1
{
	width:15px;
}
.stepIn2
{
	width:30px;
}