@charset "UTF-8";
/**************************************
 Aberlour Press - Main CSS
 Author: Artech visual communication
***************************************/

body {
	margin: 0;
	padding: 0;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif, Calibri;
	background-image: url(../images/page_bg.gif);
	background-color: #eeeeee;
	background-repeat: repeat-x;
}
ul, ol, dl {
	padding: 0px 0px 0px 44px;
	margin: 0px 0px 0px 0px;
}
h1, h2, h3, h4, h5, h6 {
	margin-top: 0px;
	padding-right: 30px;
	padding-left: 30px;
}
p {
	font-size: 12px;
	line-height: 16px;
	padding-right: 30px;
	padding-left: 30px;
	margin: 0px;
}
a img {
	border: none;
}
a:link {
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}
a:visited {
	color: #333333;
	text-decoration: none;
}
a:hover, a:active, a:focus {
	text-decoration: underline;
}

/**************************************
 Header Menu
***************************************/

.headermenu{
	float: left;
	position: relative;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	height: 30px;
	width: 100%;
}
ul.nav {
	margin-bottom: 0px;
	margin-left: -14px;
	margin-top: 0px;
	line-height: 30px;
	padding-top: 0px;
}
ul.nav li {
	display: inline;
}
ul.nav a, ul.nav a:visited {
	padding: 0px 15px 0px 0px;
	display: inline;
	text-decoration: none;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
}
ul, ol, dl     {
	text-decoration: none;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus {
	color: #ffffff;
	text-decoration: underline;
}

li.shoppingcart{
	color:#fff !important;
	font-size: 12px;
	float:right;
	clear:none;
	text-transform:uppercase !important;
}

.contentwide form{ margin:15px 0 25px 0 ; overflow:hidden; }

/**************************************
 Slideshow
***************************************/

.slideshow {
	position: relative;
	float: left;
	left: 0px;
	width: 950px;
	margin-top: 0px;
	height: 325px;
	background-color: #CCC;
	z-index: 500;
	overflow: hidden;
}

.orbit-caption  h2{ margin-bottom:0 !important; display:block; width:80px; font-size:20px;}
.orbit-caption  h2 a{ color:#fff; display:block; width:85px; font-size:20px;}

/**************************************
Home
***************************************/

.header {
	height: 145px;
	background-image: url(../images/header.gif);
}
.container {
	width: 950px;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
	background-image: url(../images/container.gif);
}
.sidebar1 {
	float: right;
	margin: 30px 0px 25px 0px;
	width: 475px;
	padding-bottom: 0px;
}
.content {
	padding: 0px;
	width: 474px;
	float: left;
	margin: 30px 0px 25px 0px;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #CCC;
}

/* ~~ This grouped selector gives the lists in the .content area space ~~ */
.content ul, .content ol { 
	padding: 0px 0px 0px 0px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */

}
.footer {
	padding: 0px;
	position: relative;/* this gives IE6 hasLayout to properly clear */
	clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
	background-image: url(../images/footer.gif);
	background-repeat: repeat-x;
	height: 100px;
	margin: 0px;
}

/**************************************
Titles
***************************************/

.titlesheader {
	height: 150px;
	background-image: url(../images/titlesheader.gif);
}
.titlescontainer {
	width: 950px;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
	background-image: url(../images/titlescontainer.png);
}
.titlessidebar1 {
	float: left;
	margin: 25px 0px 25px 0px;
	width: 160px;
	padding-bottom: 0px;
}
.titlescontent {
	padding: 0px;
	width: 548px;
	float: left;
	margin: 25px 0px 25px 0px;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #CCC;
}
.titlessidebar2 {
	float: right;
	margin: 25px 0px 25px 0px;
	width: 240px;
	padding: 0px;
}
.titlesfooter {
	padding: 0px;
	position: relative;/* this gives IE6 hasLayout to properly clear */
	clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
	background-image: url(../images/titlesfooter.gif);
	background-repeat: repeat-x;
	height: 100px;
	margin: 0px;
}
.titlessidebar1 h1 {
	color: #003366;
	font-size: 12px;
	line-height: 16px;
	margin: 0px;
}
.titlessidebar1 h2 {
	color: #660000;
	font-size: 12px;
	line-height: 16px;
	margin: 0px;
}
.titlessidebar1 h3 {
	color: #003300;
	font-size: 12px;
	line-height: 16px;
	margin: 0px;
}
.titlessidebar1 h4 {
	color: #006699;
	font-size: 12px;
	line-height: 16px;
	margin: 0px;
}

.titlescontent h1 {
	color: #003366;
	font-size: 12px;
	line-height: 16px;
	margin: 0px;
}
.titlescontent h2 {
	color: #660000;
	font-size: 12px;
	line-height: 16px;
	margin: 0px;
}
.titlescontent h3 {
	color: #003300;
	font-size: 12px;
	line-height: 16px;
	margin: 0px;
}
.titlescontent h4 {
	color: #006699;
	font-size: 12px;
	line-height: 16px;
	margin: 0px;
}
.titlescontent h5 {
	color: #666666;
	font-size: 16px;
	line-height: 20px;
	margin: 0px;
}
.titlescontent h6 {
	color: #666666;
	font-size: 11px;
	line-height: 16px;
	margin: 0px;
	font-weight: normal;
}

.titlessidebar2 h1 {
	color: #666666;
	font-size: 12px;
	line-height: 16px;
	margin: 0px;
	padding-left: 15px;
	padding-right: 45px;
}

.titlessidebar2 p {
	color: #666666;
	font-size: 12px;
	line-height: 16px;
	margin: 0px;
	padding-left: 15px;
	padding-right: 45px;
	font-weight: normal;
}

/**************************************
About, Reviews, Shop, Contact
***************************************/

.contentwide {
	padding: 0px;
	width: 710px;
	float: left;
	margin: 25px 0px 25px 0px;
}

.contentwide h1 {
	color: #003366;
	font-size: 12px;
	line-height: 16px;
	margin: 0px;
}
.contentwide h2 {
	color: #660000;
	font-size: 12px;
	line-height: 16px;
	margin: 0px;
}
.contentwide h3 {
	color: #003300;
	font-size: 12px;
	line-height: 16px;
	margin: 0px;
}
.contentwide h4 {
	color: #006699;
	font-size: 12px;
	line-height: 16px;
	margin: 0px;
}
.contentwide h5 {
	color: #666666;
	font-size: 16px;
	line-height: 20px;
	margin: 0px;
}

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

.footertext{
	float: left;
	position: relative;
	padding: 0px 0px 0px 0px;
	text-align: left;
	margin-top: 30px;
}
.footer p{
	font-size: 10px;
	padding: 0px 0px 0px 0px;
	color: #666;
	line-height: 14px;
}
.titlesfooter p{
	font-size: 10px;
	padding: 0px 0px 0px 0px;
	color: #666;
	line-height: 14px;
}

/**************************************
 Miscellaneous float/clear classes
***************************************/

.fltrt {
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}