/*** Equal-height Columns ***/

		#container {
			overflow: hidden;
		}

		#container .column {
			padding-bottom: 1001em;     /* X + padding-bottom */
			margin-bottom: -1000em;     /* X */
			overflow: hidden;
		}



	
	
	/*** The Essential Code ***/

		body {
			min-width: 700px;       /* LC fullwidth + CC padding */
			font-family:Arial, Helvetica, sans-serif;
			font-size: 0.8em;
			margin:0px;
			padding:0px;
		}
		
		#container {
 	padding-left: 240px;      /* LC fullwidth */
	padding-right: 205px;     /* RC fullwidth + CC padding */
	overflow: hidden;

		
}
#container .column {
			position: relative;
			float: left;
			margin-top: 320px;
			

}

		#center {
			
			padding-right: 5px;
			padding-left: 5px;
			width: 100%;
			
		}

				#left, #leftontainer {
		
			width: 240px;           /* LC width */
			padding: 0 0px;       /* LC padding */
			right: 250px;           /* LC fullwidth + CC padding */
			margin-left: -100%;
}
		#right {
			width: 200px;           /* RC width */
			padding: 0px;        /* RC padding */
			margin-right: -100%;
			
		}
		

		* html #footer-wrapper {
			float: left;
			position: relative;
			width: 100%;
			padding-bottom: 10010px;
			margin-bottom: -10000px;
			overflow: hidden;
	
		}

		#footer, #  {
			clear: both;
		}

		/*** IE Fix ***/
		* html #left {
			left: 190px;            /* RC fullwidth */
		}
		* html body {
			overflow: hidden;
		}
		
		
		

a {
}
a:hover {
text-decoration:none;
}


#wrapper {
	margin: 0;
	padding: 0;
	min-width: 900px;
}


#main {
}


#colourstrip {
	background-image: url(images/colourstrip.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height: 10px;
	width: 100%;
	position: absolute;
	margin-top: 0px;
	margin-left: 0px;
}
#logoheadercontainer {
	background-image: url(images/logoheaderbg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height: 108px;
	width: 100%;
	position: absolute;
	margin-top: 10px;
	margin-left: 0px;
}

/* search CSS */

#searchform {
	margin: 0;
	padding: 0;
	width: 200px;
}

#search{
	width: 150px;
	padding-left: 5px;
	height: 20px;
}

#searchsubmit {
	position: absolute;
	height: 44px;
	width: 38px;
	margin-left: -20px;
	margin-top: -10px;
}



/* basket CSS */

#formscontainer {
	width: 200px;
	margin-top: 10px;
	position: absolute;
	right: 70px;
}
#basketform {
	margin: 0;
	padding: 0;
	width: 200px;
}

#basketinput {
	width: 150px;
	padding-left: 5px;
	height: 20px;
}

#basketsubmit {
	position: absolute;
	height: 53px;
	width: 48px;
	margin-left: -20px;
	margin-top: -10px;
}

#headerwrapper {
	background-image: url(images/headerwrapperbg.png);
	background-repeat: no-repeat;
	height: 182px;
	width: 100%;
	background-position: left top;
	margin-top: 144px;
	margin-left: 0px;
	position: absolute;
}


#headerimagewrapper{
	float: left;
	width: 100%;
	background-image: url(images/headerimage.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#imagecontainer{
	height: 130px;
}

#floatingimage{
	width: 600px;
	height: 130px;
	position: absolute;
	z-index: 10;
	right: 0%;
	background-image: url(images/floatimage.png);
	background-repeat: repeat-x;
	background-position: right top;
	text-align: right;
}

#bottomimagecontainer{
	clear: both;
	width: 100%;
	height: 52px;
	background-image: url(images/headerbottombg.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #000000;
}


/* Menustyles*/

#mainmenu 
{
	height:26px;
	width: 100%;
	background-image: url(images/menubg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	position: absolute;
	margin-top: 118px;
	margin-left: 0px;
	z-index: 11;
}

#tab 
{
	margin:0;
	top:0;
	padding-left: 20px;
}
#tab ul 
{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}
#tab li 
{
display:inline;
	float:left;
	margin:0 1px 0 0 ;
	padding:0;
}
#tab a 
{
	background: url("images/bright_115.gif") no-repeat right top;
	margin:0;
	padding:0;
	text-decoration:none;
	display:block;
	float:left;
}
#tab a span 
{
	display:block;
	background:url("images/bleft_115.gif") no-repeat left top;
	padding:0 22px 0 22px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;
	color:#ffffff;
	font-weight:bold;
	line-height:26px;
}
#tab a:hover,#tab li.item_active a 
{
	background-position:right bottom;
	border-color:;
}
#tab a:hover span,#tab li.item_active a span 
{
	background-position:left bottom;
	color:#063C4D;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
}
.dropmenudiv
{
	position:absolute;
	top:0;
	float:left;
	display:block;
	visibility:hidden;
	color:#FFFFFF;
	z-index:100;
	text-decoration:none;
	padding:0;
}
.dropmenudiv ul 
{
	margin:0;
	padding:0;
	list-style:none;
}
.dropmenudiv li 
{
	display:inline;
	margin:0;
	padding:0;
}
.dropmenudiv a:link, .dropmenudiv a:visited
{
	width:180px;
	margin:0 1px 0 0 ;
	padding:0;
	display:block;
	color:#FFFFFF;
	background:url("images/bleft_115.gif") no-repeat left top;
	font-weight:bold;
	text-decoration:none;
}
.dropmenudiv a span 
{
	float:left;
	display:block;
	line-height:26px;
	background:url("images/bright_115.gif") no-repeat right top;
	padding:0 22px 0 22px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;
	color:#FFFFFF;
	font-weight: bold;
}
.dropmenudiv a span 
{
	float:none;
}
.dropmenudiv a:hover
{
	background-position:left bottom;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
	color:#353784;
}
.dropmenudiv a:hover span 
{
	background-position:right bottom;
	color:#353784;
	font-weight:bold;
}





/* Nav */

ul {
	list-style: none;
}


#navcontainer {
	width: 225px;
	padding-top: 45px;
	padding-left: 15px;
	background-image: url(images/leftnavheaderbg.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #0B576A;
	padding-bottom: 15px;
	margin-left: 0px;
	position: relative;
}

#navcontainer2 {
	width: 235px;
	position: relative;
	margin-left: 5px;
	margin-top: 15px;
}

#nav {
	width: 200px;
	margin: 0;
	padding-left: 0px;
}

#nav li {
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
}

#nav a {
	display: block;
	color: #2EEDF9;
	height: 18px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 7px;
	border-bottom: 1px solid #12829B;
	text-decoration: none;
}

#nav a:hover {
	color: #fc7d22;
	text-decoration: none;
	background-image: url(images/nav_bg.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

#right_box {
	voice-family: "\"}\"";
	voice-family:inherit;
	font-size: 0.7em;
	line-height: normal;
}

img{
 border: 0px;
 
}

 #right_box img{
	border-width: opx;
	margin-bottom: 5px;
	border-style: none;

}

div.thum { 
	padding-right: 3px;padding-left: 10px;padding-bottom: 5px;padding-top: 5px;text-align: right;
}

.top-left, .top-left-purple, .top-left-pink, .top-left-green, .top-left-blue, .top-right, .top-right-purple, .top-right-pink, .top-right-green, .top-right-blue , .bottom-left, .bottom-right {
	background-image: url('images/corners1280x18.gif');
	height: 24px;
	font-size: 2px;
	background-repeat: repeat-x;
	}
.top-left, .top-left-purple, .top-left-pink, .top-left-green, .top-left-blue, .bottom-left { 
	margin-right: 6px; /* CHANGE: replace by the width of one of your corners */
	}
.top-right-purple, .top-right-pink, .top-right-green, .top-right-blue  {
	margin-left: 20px;
	margin-top: -24px;
	margin-right: 8px
	}
	.top-right, .bottom-right {
	margin-left: 20px;
	margin-top: -24px;
	}
	
.top-right, .top-right-purple, .top-right-pink, .top-right-green, .top-right-blue {
	background-position: 100% 0;
	color: #FFFFFF;
	font-size: 18px;
	}
	
	.top-right a, .top-right-purple a, .top-right-pink a, .top-right-green a, .top-right-blue a {
	color: #FFFFFF;

	}
	
		.top-right a:hover, .top-right-purple a:hover, .top-right-pink a:hover, .top-right-green a:hover, .top-right-blue a:hover {
	color: #FF6600;
	text-decoration: underline;	

	}
.top-right-blue, .top-left-blue {
	background-image: url('images/bars/bar3.jpg');
}	

.top-right-purple , .top-left-purple  {
	background-image: url('images/bars/bar5.jpg');
}	

.top-right-pink , .top-left-pink  {
	background-image: url('images/bars/bar6.jpg');
}

.top-right-green , .top-left-green  {
	background-image: url('images/bars/bar2.jpg');
}

.bottom-left  { 
	background-position: 0 -30px;    /* CHANGE: replace second number by negative height of one of your corners */
	}
.bottom-right {
	background-position: 100% -30px;
	height: 30px;
	}
.inside {
	color: #000000;
	padding-left: 8px;
	padding-right:8px;
	border-left-color: #BDBDBD;
	border-left-style: solid;
	border-left-width: 1px;
	background-color: #FFFFFF;
	background-image: url(images/corners1280x18_bg.gif);
	background-repeat: repeat-y;
	background-position: right;
	padding-top: 8px;
	padding-bottom: 8px;
	 zoom: 1; 
	}
.notopgap, h2.notopgap    { margin-top: 0; }    /* DNC: to avoid splitting of the box */
.nobottomgap { margin-bottom: 0; } /* DNC: to avoid splitting of the box */

#boxSplit {
	
}
#boxSplitLeftRap {
        float:left;
		width:50%;
		position:relative;
}

#boxSplitLeft {
	position:relative;
	width: 100%;
}
#boxSplitRightRap {
   float:left;
   width:50%;
  
   position:relative;

}

#boxSplitRight {
position:relative;
width:100%;
}
.mainbox2 {
	float:none;
	clear: both;
}
* html #footer-wrapper {
  float: left;
  position: relative;
  width: 100%;
  padding-bottom: 10010px;
  margin-bottom: -10000px; 
}
#footercontents {
	background-image: url(images/footerbg.jpg);
	background-repeat: repeat;
	background-position: left top;
	padding-bottom: 10px;
}
#footertext {
	width: 95%;
	position: relative;
	left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #2EEDF9;
	padding-top: 5px;
}

.footerbolditalic {
	color: #ffffff;
	font-weight: bold;
	font-style: italic;
	font-size: 1em;
}
.footerbold {
	color: #ffffff;
	font-weight: bold;
	font-size: 1em
}
.footerhighlight {
	color: #ffffff;
	font-weight: bold;
}
#footerimagecontainer {
	background-image: url(images/footerflareimage.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	height: 70px;
	width: 57px;
	float: right;
	padding-top: 35px;
	padding-left: 280px;
}
#footercolourstrip {
	background-image: url(images/colourstrip.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height: 10px;
	width: 100%;
	background-color: #FFFFFF;
	position: relative;
	left: 0px;
}

#cart_right {
	position: absolute;
	top: 76px;
	color: #000000;
	font-size: 70%;
	padding-right: 0px;
	right: 1px;
	height: 18px;
	padding-left: 5px;
	width: 150px;
	float: right;
	margin-right: 100px;
	text-align: left;
}


fieldset
{
	border: 0px;
}

.gallery a img{

border: 1px solid #ccc;

padding: 2px;

}

.gallery a:hover img{

border: 1px solid green;

}

.gallery{
	float: left;
	width: 150px;
	margin-right: 8px;
	margin-bottom: 8px;
	display: block;
	height: 180px;
	margin-left: 8px;
}

.gallery3{
	float: left;
	width: 200px;
	margin-right: 8px;
	margin-bottom: 8px;
	display: block;
	height: 220px;
	margin-left: 8px;
	padding: 5px;
}

.gallery2{
	float: left;
	width: 200px;
	margin-right: 8px;
	margin-bottom: 8px;
	display: block;
	height: 220px;
	margin-left: 8px;
	padding: 5px;
	background-image:url("plus.gif");
	background-position:right;
	background-repeat:no-repeat;

	}

.floater {display: block;width: 48%;float: left;padding: 5px;}

#containgallery {
	display: block;
	vertical-align: top;
}
.spacer {
clear:both;

}
form {
	margin: 0;
	padding: 0;
	padding-top: 10px;
	padding-bottom: 10px;
}

form input { }

#example-show {
margin-top: 10px;
clear:both;
display:block;
}

#spacer {
clear:both;
display:block;
height: 10px;
width:100%;
}
.more {
    display: none;
    border-top: 1px solid #666;
    border-bottom: 1px solid #666; }
a.showLink, a.hideLink {
    text-decoration: none;
    color: #36f;
    padding-left: 8px;
    background: transparent url('down.gif') no-repeat left; }
a.hideLink {
    background: transparent url('up.gif') no-repeat left; }
a.showLink:hover, a.hideLink:hover {
    border-bottom: 1px dotted #36f; }

/*--- Beginning of Addition Products Cycle Slideshow ---*/
.ProductsCycleSlideshowWrapper { padding:0; margin:0; overflow: hidden; text-align:center;}
.ProductsCycleSlideshow {
	height: 230px;
	width: 350px;
	padding:0;
	margin:auto;
	overflow: hidden;
	background-color:#fff;
	text-align: center;
}
.PCSChild { height: 230px; width: 350px; text-align:center; top:0; left:0 }
.PCSChild  a { text-decoration: none; color:000;}
.PCSChild  a img {
	border: none;
	border-width:0px;
	width: 350px;
	height: 230px;
	margin: auto;
	text-align: center;
}
.PCSOutput { text-align:left; font-size:14px;}
.PCSOutput a { text-decoration: none; color:#000; }
.PCSPager { margin:7px; }
.PCSPager a { border: 1px solid #bbc3d3; background: #fff; color:#bbc3d3; text-decoration: none; margin: 0 5px; padding: 3px 5px; font-size:12px;}
.PCSPager a.activeSlide { border: 1px solid #000; background: #bbc3d3; color:#000;}
.PCSPager a:focus { outline: none; }
#menu{
	border-top-color: #C9C3BA;
	border-top-style: solid;
	border-top-width: thin;
}

ul#tabs { list-style-type: none; margin: 30px 0 0 0; padding: 0 0 0.3em 0; }

ul#tabs li { display: inline; }

ul#tabs li a { color: #FFFFFF; background-color: #429D94; border: 1px solid #c9c3ba; border-bottom: none; padding: 0.3em; text-decoration: none; }

ul#tabs li a:hover {
	background-color: #8779B7;
	color: #FFFFFF;
}

ul#tabs li a.selected { color: #000; background-color: #FFFFFF; font-weight: bold; padding: 0.7em 0.3em 0.38em 0.3em; 
border-bottom-color: #FFFFFF;
	border-top-style: solid;
	border-top-width: thin;
}

div.tabContent { padding: 0.5em; }

div.tabContent.hide { display: none; }


/*--- End of Addition Products Cycle Slideshow ---*/
@import url("http://www.rothervalleyoptics.co.uk/chat/css/shoutbox.css");