/* 
Carey Glass 
Website design and development: New Odyssey Ltd.
Visit: http://www.newodyssey.ie or email info@newodyssey.ie
//////////////////////////*/

*{margin: 0; padding: 0; border: none;}
strong{
	font-weight: bold;
	font-size: 102%}
body{
	background: #e4e4e4 url(../images/body-bg.gif) left top repeat-x;
	font: normal 62.5% Verdana, "Trebuchet MS", Arial, Sans-serif;
	line-height: 1.4em;
	/*width: 900px;
	margin: 0 auto;
	padding-left: 50%;*/
	margin: 0;
	padding:0;
	}
#wrapper{
	min-height: 500px;
	background-color: transparent;
	width: 900px;
	/*margin-left: -450px;*/ /*negative value at half the width*/
	margin: 0 auto;
	}
body{
	text-align:center;
	}
#wrapper{
	text-align: left;
	}
p{
	font-size: 1.2em;
	}
input, select, th, td{
	font-size: 1.2em;
	}
*html input, select, th, td { /* IE 7 table font size */
	font-size: 12px;
	line-height: 1.8em;
	}
li{
	font-size: 1.2em;
	}

/* mastHead */
#mastHead{
	background: transparent url(../images/carey-glass-ban.gif) left top no-repeat;
	height: 150px;
	width: 900px;
	}
/* Navigation */	
/* Drop Menu in Header*/
#dropmenuheader{
	position: relative;
	float: right;
	top: 15px;
	right: 20px;
	}	
/* Nav1 */
#mastHead #nav1{
	padding-bottom: 10px;/* IE 7, forces rollover background image to fill space below link */
	width: auto;
	text-align: right;
	margin-right: 10px;
	font: bold italic 10px Verdana, Arial;
	}
#mastHead #nav1 a{
	color: #B8EAFE;
	text-decoration: none;
	background: transparent url(../images/nav-off-bg.jpg) left top repeat-x;
	padding: 0px 9px 7px 9px;
	}
#mastHead #nav1 a:hover{
	color: #fff;
	background: transparent url(../images/nav-on-bg.jpg) left top repeat-x;
	text-decoration: none;
	}
#mastHead #nav1 ul, li{
	margin: 0px -3px;
	display: inline;
	height: 50px;
	}
 /* end Nav1*/
 /* 
 Tab Nav - nav2 */
 #mastHead #nav2{
	height: 39px;
	width: auto;
	text-align: left;
	background-color: transparent;
	color: #ffffff;
	position: relative;
	left: 0px;
	top: 95px;
	font: bold italic 15px "Trebuchet MS", Verdana, Arial;
	}
	/* Tab Nav Tab Nav Tab Nav Tab Nav Tab Nav*/
#mastHead #nav2 a{
	color: #fff;
	font: normal 12px Verdana, Arial;
	padding: 0px 2px 0px 11px;/* 2px between tab images and 11px padding on left of text links */
	}
	#tabsB {

      width:100%;
      background:transparent;	
      line-height:normal;
      }
    #tabsB li {
      display:inline;
      }
    #tabsB a {
      float:left;
      background: url(../images/tableftB.gif) left top no-repeat;
      text-decoration:none;
	  font-weight: bold;
      }
    #tabsB a span {
      float:left;
      display:block;
      background: url(../images/tabrightB.gif) right top no-repeat;
      padding:8px 13px 7px 0px; /* 13px controls the padding of the left tab image */
      color:#fff;
	  font-weight: bold;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsB a span {float:none;}
    /* End IE5-Mac hack */
    #tabsB a:hover span {
      color:#fff;
      }
    #tabsB a:hover {
      background-position:0% -42px;
      }
    #tabsB a:hover {
	text-decoration: underline;
	color: #fff;
	}
    #tabsB a:hover span {
      background-position:100% -42px;
      }
	  		
/* end mastHead and Navigations */
#shadowWrapper{
	background: red url(../images/mast-shade.gif) left top no-repeat;
	height: 10px;
	width: 100%;
	}
	
#content{
	background: #fff url(../images/content-bg.gif) right top repeat-y;
	width: 900px;
	margin: -3px 0 0 0;
	}
#content a:visited{
	color:purple; 
	text-decoration: underline;
	}
#content #mainContent{
	width: 740px;				
	background: #fff;
	float: left;
	display: inline;
	}
#content #mainContent #redBox{
	background-color: #ED1C24;
	padding-bottom: 10px;
	}
#content #mainContent #redBox h2, p{
	color: #fff;
	margin: 0 20px;
	padding: 15px 0;
	}	
#content #mainContent #redBox h2{
	font-size: 18px;
	font-style: italic;
	}
#content #mainContent #redBox p{
	color: #fff;
	margin: 0 20px;
	padding: 5px 0;
	font-weight: normal;
	text-align: justify;
	font-size: 102%;
	}	
#content #mainContent #subBoxHolder{
	float: left;
	display: inline;
	min-height: 442px;
	width: 100%;
	background: transparent url(../images/subBoxHolder-bg.gif) left top repeat-y;
	}
#content #mainContent #broadBox{/*for pages without product side menu - tech support, about, contact etc. */
	float: left;
	display: inline;
	min-height: 405px;
	width: 100%;
	background: #fff url(../images/subBoxHolder-bgx.gif) left top repeat-y;
	}
#content #mainContent #subBoxHolder2{
	width:740px;
	display: block;
	height: 500px;
	background: transparent;
	clear: both;
	}
#content #mainContent #subBoxHolder #siteDetails{
	width: 540px;
	min-height: 300px;
	background: transparent;
	float: left;
	margin: 0px 0 20px 0;
	display: inline;
	}
#content #mainContent #subBoxHolder #siteDetails p, #content #mainContent #broadBox p{
	color: #333;
	padding: 8px 0;
	line-height: 1.5em;
	}
#content #mainContent #subBoxHolder #siteDetails h3, #content #mainContent #broadBox h3{
	color: #9E0B0E;
	font-size: 15px;
	margin: 20px 10px 0 20px;
	line-height: 1.2em;
	}
#content #mainContent #subBoxHolder #siteDetails h4, #content #mainContent #broadBox h4{
	color: #9E0B0E;
	font-size: 13px;
	margin: 20px 10px 0 20px;
	line-height: 1.5em;
	}

#content #mainContent #subBoxHolder #siteDetails .verMenu ul, #content #mainContent #broadBox .vertMenu ul, {
	margin: 0 20px;
	}
#content #mainContent #subBoxHolder #siteDetails .verMenu  ul li, #content #mainContent #broadBox .vertMenu ul li {
	display: block;
	}
#content #mainContent #subBoxHolder #siteDetails .verMenu  li, #content #mainContent #broadBox .vertMenu li {
	padding: 5px 0px;
	margin: 0px;
	height: auto;
	list-style: square;
	}
#siteDetails .horiList ul{
	margin: 20px;
	padding: 0;
	clear: both;
	}
#siteDetails .horiList li{	
	display: block;
	padding: 10px 0;
	margin: 0 20px;
	height: auto;
	}
#content #mainContent #subBoxHolder #siteDetails .floatLeft{
		float: left;
		padding: 0px 10px 0 20px;
		margin: 0;
		}
#content #mainContent #subBoxHolder #siteDetails .floatRight{
		float: right;
		padding: 0 20px 0 10px;
		margin: 0px 0;
		}
*html img .floatRight{
	float: right;
	padding: 0 20px 0 10px;
	margin: 20px 0;
	border: 1px solid black;
	}		
		/**/
#content #mainContent #subBoxHolder #siteDetails #sdColBox{
	margin: 20px 20px 10px 20px;
	padding: 0;
	min-height: 220px;
	display: block;
	color: #000;
	}
#content #mainContent #subBoxHolder #siteDetails #sdColBox .tcbLeft{
	float: left;
	width: 243px;
	padding: 0;
	min-height: 220px;
	margin: 0px;
	display:inline;
	background: #eef;
	border: 1px dashed #D1D8E8;
	}
#content #mainContent #subBoxHolder #siteDetails #sdColBox .tcbRight{
	float: right;
	width: 243px;
	min-height: 220px;
	background: #eef;
	display:inline;
	border: 1px dashed #D1D8E8;
	}

#content #mainContent #subBoxHolder #siteDetails #sdColBox .tcbBroad{
	float: left;
	width: 510px;
	padding: 0;
	min-height: 220px;
	margin: 0px;
	display:inline;
	}
#content #mainContent #subBoxHolder #siteDetails #sdColBox .tcbBroad ul li{
	list-style: circle;
	}

#content #mainContent #subBoxHolder #siteDetails #sdColBox h3{
	color: #9E0B0E;
	font-size: 15px;
	margin: 15px 10px 0 30px;
	}
#content #mainContent #subBoxHolder #siteDetails #sdColBox p{
	color: #222;
	font-size: 11px;
	margin: 10px 0px 0 35px;
	}
#content #mainContent #subBoxHolder #siteDetails #sdColBox a{
	color: #9E0B0E;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	padding: 0px;
	margin: 0px 0px;
	}
#content #mainContent #subBoxHolder #siteDetails #sdColBox a:hover{
	color: navy;
	font-weight: bold;
	text-decoration: underline;
	padding: 0px;
	margin: 0px 0px;
	}
/* this holds wallglass logo and h3 at top of product pages */
#content #mainContent #subBoxHolder #siteDetails #logoBox{/* top of product pages */

	width: 510px;
	margin: 0 auto;
	border: 1px dashed #d1d8e8;
	background-color: #eeeeff;
	min-height: 50px;
	padding: 0;
	}
#content #mainContent #subBoxHolder #siteDetails #logoBox img.imgRight{/* top of product pages */
	margin: 5px;
	padding-top: 0;
	float: right;
	}
#content #mainContent #subBoxHolder #siteDetails #logoBox h3{/* top of product pages */
	display: inline;
	float: left;
	margin: 20px 20px 0 20px;
	}
	/* end this top of product pages */
/**/

		/**/
/* sidebar */
#content #sidebar{
	background: #eb0;
	width: 160px;
	float: right;
	display: inline;
	}
#content #sidebar .sidebarBlocks{
	background: transparent url(../images/sidebar-grad.jpg) left bottom no-repeat;
	min-height: 50px;
	border-bottom: 1px dashed #fff;
	padding: 10px 10px 5px 10px;
	}

#content #sidebar .sidebarBlocks p{
	color: #27265F;
	font-weight: bold;
	font-style: italic;
	font-size: 95%;
	padding: 7px 0;
	margin: 0;
	}
#content #sidebar .sidebarBlocks p.zeroTopPad{
	padding-top: 0;
	}
#content #sidebar .sidebarBlocks li{
	padding: 0 0 5px 0;
	}	
#content #sidebar .sidebarBlocks li p{
	font-size: 95%;
	color: #27265E;
	font-weight: normal;
	font-style: normal;
}
#content #sidebar .sidebarBlocks input{
	margin: 3px 10px 0 0;
	width: 140px; 
	}

#footer{
	background: #2A4A95 url(../images/footer-bg.gif) left bottom repeat-x;
	min-height: 60px;
	}
#footer p{
	text-align: center;
	padding: 25px 0;
	color: #fff;
	font-size: 95%;
	}
#footer a:link, a:visited{
	color: #fff;
	text-decoration: none;
	}
#footer a:hover{
	color: #fff;
	text-decoration: underline;
	}

/**/
#contactBox{
	/*height: 300px;*/
	border: 1px solid #85AAD7;
	background: #fff url(../images/contactcareyglass.jpg) right top no-repeat;
	margin: 30px 20px;
	text-align: left;
	}
#contactBox .pRedSml, #contactBox .pRedLrg{
	padding: 10px 0 0;
	font-weight: bold;
	}	
#contactBox .pRedSml{
	font-size: 12px;
	padding: 0px;
	margin: 0;
	
	}
#contactBox .pRedLrg{
	font-size: 15px;
	font-style: italic; 
	}
#contactBox p{
	padding: 5px 0 0;
	color: #222;
	padding-right: 250px; /* was 330*/
	position:relative;
	}
#contactBox table.contactBoxTable{
	padding-top: 5px;
	width: auto;
	margin: 10px 20px;
	}
#contactBox table.contactBoxTable td{
	padding-right: 10px;
	width: auto;
	margin: 10px 20px;
	}
/**/
#content #mainContent #twoColBox{
	margin: 20px 20px 0px 20px;
	padding: 0;
	min-height: 250px;
	display: block;
	color: #000;
	width: 701px;
	}
#content #mainContent #twoColBox .tcbLeft{
	float: left;
	width: auto;
	display:inline;
	}
#content #mainContent #twoColBox .tcbRight{
	float: right;
	width: 320px;
	height: 250px;
	background: url(../images/productbox.gif) right top no-repeat;
	display:inline;
	}

 #content #mainContent #twoColBox table,  #content #mainContent #twoColBox tr {
	background: #8CADDA;
	}
 #content #mainContent #twoColBox .btnPadding{
	padding: 10px;
	}
.textAlignCenter{
	text-align:center;
	}
/* Spec Tables */
.specTables table{
	width: auto;
	margin: 0 10px;
	font-size: 9px;
	margin-bottom: 0 0 10px 0;
	}
.specTables tr.trYellow{
	background: #FFFF99;
	}	
.specTables td{
	padding: 3px;
	border: 1px solid #ccc;
	}
#content #mainContent #twoColBox h3{
	color: #9E0B0E;
	font-size: 15px;
	margin: 15px 10px 0 30px;
	}
#content #mainContent #twoColBox p{
	color: #222;
	font-size: 11px;
	margin: 10px 0px 0 35px;
	}
#content #mainContent #twoColBox a{
	color: #9E0B0E;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	margin: 0px 0px;
	}
#content #mainContent #twoColBox a:hover{
	color: navy;
	font-weight: bold;
	text-decoration: underline;
	margin: 0px 0px;
	}
/**/
.floatRight{
	float: right;
	padding: 25px 10px;
	}
/**/
/* ------------ secondaryNav ------------- */
#secondaryNav{
	clear:both;
	margin-bottom:20px;
}
#secondaryNav li{
	margin-bottom:1px
}
#secondaryNav a{
	display: block;
	height: 18px;
	padding-left:0px;
	background: #FF2525 url(../images/secnav-a-bg.gif) left top no-repeat;
	font: 11px/17px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
}

#secondaryNav a.last{
background: transparent url(../images/secnav-a-bg.gif) right top no-repeat;
}
#secondaryNav a:hover{color:#1E1E1E; background: url(../images/secnav-a-bg2.gif);}
#secondaryNav a.last:hover{color:#1E1E1E; background: url(../images/secnav-a-bg2.gif) right top no-repeat;}

#mainContent #secondaryNav {margin: 10px 20px 0 0;}
#mainContent #secondaryNav ul li a{color:#FFF;}
#mainContent #secondaryNav ul li a:hover{color:#1E1E1E;}

/* ------------ Galleries ------------- */
body.products #galleryBox{
	height: 80px; _height: 80px;}
#galleryBox{
	width:753px; height:450px; _height:460px;
	margin-top: 20px; _margin-top: 0;
}

#gallery p{
	margin: 0 30px 10px 30px;
	}

#galleryBox h1{
	margin: 0 15px 5px 15px;
	color:#B61703;
	font-size:15px;
	text-align:center;
}
#gallery h3{
	color: #9E0B0E;
	font-size: 15px;
	margin: 15px 10px 0 30px;
	}
#mainPic{
	float: left; 
	display:inline;
    width:350px; 
	margin:0 0 20px 30px; 
    text-align: center; 
	position:relative;
}
#mainPic #magnify{ 
	position:absolute; 
	top:0; 
	right:0; 
	width:42px; 
	height:42px; 
	z-index:50;}

}
#mainPic p#desc{
	text-align: left;
	padding: 5px 5px 10px;
}
#thumbs{
	float:right;
	width: 330px;
	display:inline;
	margin: 0 0px 0 10px;
	}
	#mainGalleryLinks{
		float:right;
		width: 330px;
		display:inline;
		margin: 0 0px 0 8px;

		position: relative;
		top: -273px;
		}
	#JSimageSwapBox .JSimageSwapLeft2{
		width: 255px;
		float: left;
		padding: 0;
		margin: 8px 0 0 0;
		display: inline;
		}
.thumbBox{
	float:left; 
	display:inline;
	width: 63px; 
	height:61px;
	margin:0 0 15px 12px;
	text-align: center; 
	vertical-align:middle;
}
.thumbBox img{
	border: none; vertical-align:middle;
}
/**/
#subGallery{
	border: 1px dashed #ccc;
	background: #FFEE08;
	height: auto;
	display: block;
	clear: all;
	margin: 5px 15px 15px 15px;
	min-height: 200px;
	clear: both;
	}
#content #mainContent #subBoxHolder #siteDetails #subGallery p{
	color: #333;
	}

/**/
#subGallery #thumbs2{
	float:left;
	width: 680px;
	display:inline;
	margin: 0 0px 20px 14px;
}
body.gallery #thumbs2{
	float:left;
	width: 620px;
	display:inline;
	margin: 0px 0 0 55px;
	}
.thumbBoxRow2{
	width: 680px;
	margin-bottom: 10px;
	height: 61px;
	padding-top: 15px;
	}
.thumbBox2{
	float:left; 
	display:inline;
	height:61px;
	margin-right: 10px;
	text-align: center; 
	vertical-align:middle;
}
.thumbBox2 img{
	border: none;
	vertical-align: middle;
	width: 60px;
	height: 60px;
}

#nextPrev {clear:both;}
.galleryNext {
	float:right;
	font-size:14px;
	font-weight:bold;
	padding-right:10px;
}
.galleryPrev {
	float:left;
	font-size:14px;
	font-weight:bold;
	padding-left:10px;
}

body.products #thumbs{
	float:right;
	display:inline;
	width:310px;
	margin: 0 20px 0 0;
}
body.products #thumbs img{
	margin: 0 5px 7px;
	}
#gallery p{
	color: #222;
	}	
#productGal1{
	height: 270px;
	border: none;
	background-color: none;
	}
/*
++++++++++++++++++++++
31 Jan 08 ++++++++++++
11 Feb 08 +++++++++++*/

/*
######################
Styling for text rollover image Swap (javascript) #######################*/
#JSimageSwapBox{
	padding: 0;
	margin: 10px auto;
	width: 510px;
	display: block;
	}
#JSimageSwapBox .JSimageSwapLeft{
	width: 255px;
	float: left;
	text-align: left;
	padding: 0;
	margin: 0;
	display: inline;
	}

#JSimageSwapBox .JSimageSwapRight{
	width: 255px;
	float: right;
	display: inline;
	}
#JSimageSwapBox .JSimageSwapRight h4{
	font-size: 15px;
	}
#JSimageSwapBox .JSimageSwapLeft ul{
	margin: 10px 10px 10px 15px;
	clear: both;
	}
#JSimageSwapBox .JSimageSwapLeft li{	
	display: block;
	padding: 0px 0 8px 0;
	height: auto;
	}

#image-switch #two, #image-switch #three, #image-switch #four, #image-switch #five, #image-switch #six, #image-switch #seven, #image-switch #eight, #image-switch #nine{
display:none;
}
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.arrowlistmenu{
clear: both;
padding-bottom: 15px;
/*width: 100%; width of menu*/
}
.arrowlistmenu .headerbar{
font: bold 11px Verdana, Arial;
background: #fff url(../images/lists/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
padding: 5px 5px 5px 25px; /*header text is indented 10px*/
}
.arrowlistmenu .headerbar p{
color: red;
}
.arrowlistmenu ul{
margin: 8px 30px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
margin: 2px 0;
}

.arrowlistmenu a{
color: #A70303;
background: #eef url(../images/lists/arrowbullet2.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 5px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

#content .arrowlistmenu a:active,#content .arrowlistmenu a:visited {
color: #A70303;
text-decoration: none;
}

.arrowlistmenu a:hover{ /*hover state CSS*/
color: #333;
background-color: #ccc;
text-decoration: none;
}
/*
//products image box right
//image on top, caption, button to gallery
*/
#optionBlock{
	margin: 10px auto;
	display: block;
	}
#productImageBox{
	margin: 10px 15px 20px 15px;
	padding: 5px;
	background: #eeeef;
	width: 250px;
	float: right;
	display: inline;
	border-right: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	border-left: 1px solid #eef;
	border-top: 1px solid #eef;
	clear: left;
	}
#productImageBox img{
	padding: 0;
	margin: 0 auto;
	}
#productImageBox .caption{
	color: navy;
	font: bold 10px verdana,arial;
	text-align: center;
	display: block;
	clear: both;
	}
#productImageBox .galleryLink{
	color: black;
	text-align: center;
	display: block;
	clear: both;
	}
/**/
#accoustic{
	background: #eef;
	margin: 10px 15px;
	width: 508px;
	border: 1px solid #ccc
	}
#accoustic td{
	padding: 4px;
	border: 1px solid #888;
	}
/**/
.standardList ul{
	margin-bottom: 10px;
	line-height: 1.8em
	}
.standardList li{
	list-style-type: none;
	background: #fff url(../images/lists/arrowbullet2.png) center left no-repeat; /*custom bullet list image*/
	color: #555;
	padding: 0px 0 0px 19px;
	display: block;
	margin: 0px 5px 5px 30px;
	height: auto;
	}
	
/**/
.standardList2 ul{
	margin-bottom: 10px;
	line-height: 1.8em
	}
.standardList2 li{
	list-style-type: none;
	background: #fff url(../images/lists/arrowbullet2.png) top left no-repeat; /*custom bullet list image*/
	color: #555;
	padding: 0px 0 0px 19px;
	display: block;
	margin: 0px 5px 5px 30px;
	height: auto;
	}
#colourtable table{
	margin-left:26px;
	margin-top:20px;
}

.techsupport table {
	padding-left:20px;
	color:#333333;
}