body { margin:0px }

h1 { color: black; font-family: Arial, Helvetica, sans-serif; font-size: 1em; font-weight:normal; letter-spacing:normal; line-height: 1.3em; word-spacing:normal }

h2 { color: black; font-family: Arial, Helvetica, sans-serif; font-size: 1em; font-weight:normal; letter-spacing:normal; line-height: 1.3em; word-spacing:normal }

h3 { color: black; font-family: Arial, Helvetica, sans-serif; font-size: 1em; font-weight:normal; letter-spacing:normal; line-height: 1.3em; word-spacing:normal }

h4 { color: black; font-family: Arial, Helvetica, sans-serif; font-size: 1em; font-weight:normal; letter-spacing:normal; line-height: 1.3em; word-spacing:normal }

h5 { padding: 5px 0 5px 0; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em;	color: black; line-height: 1.4em; text-align: center; vertical-align: baseline; padding-top: 15px }

h6 { margin-top: 9px; margin-bottom: 10px; color: white; font-family: Arial, Helvetica, sans-serif; font-size: 14pt; line-height:110%; vertical-align: middle; padding-left:5px; }


ul { text-align:center;
	margin:15px; }
	
#catnav li{
	display:inline;
	margin:1;
	padding-right:35px;
	list-style-type:none; }
	
#topnav li{
	float:right;
	display:inline;
	margin:1;
	padding-right:5px;
	list-style-type:none; }
	
#catnav a{
	color: #333;
	padding: 5px 10px 4px;
	text-decoration: none;
	display: inline-block;
	-webkit-box-shadow: rgba(0, 0, 0, .25) 0 2px 10px;
	-moz-box-shadow: rgba(0, 0, 0, .25) 0 2px 10px;
	-o-box-shadow: rgba(0, 0, 0, .25) 0 2px 10px;
	box-shadow: rgba(0, 0, 0, .25) 0 2px 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px; }

#catnav a.active{
	color: #FFFFFF;
	padding: 5px 10px 4px;
	background: #808080;
	text-decoration: none;
	display: inline-block;
	-webkit-box-shadow: rgba(0, 0, 0, .25) 0 2px 10px;
	-moz-box-shadow: rgba(0, 0, 0, .25) 0 2px 10px;
	-o-box-shadow: rgba(0, 0, 0, .25) 0 2px 10px;
	box-shadow: rgba(0, 0, 0, .25) 0 2px 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px; }

#catnav a.within{
	border: medium gray ridge;
	color: #333;
	padding: 5px 10px 4px;
	text-decoration: none;
	display: inline-block;
	-webkit-box-shadow: rgba(0, 0, 0, .25) 0 2px 10px;
	-moz-box-shadow: rgba(0, 0, 0, .25) 0 2px 10px;
	-o-box-shadow: rgba(0, 0, 0, .25) 0 2px 10px;
	box-shadow: rgba(0, 0, 0, .25) 0 2px 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px; }

#topnav a{
	color:#333;
	padding:5px 10px 4px;
	background:#eee;
	text-decoration:none;
	display:inline-block;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-o-border-top-left-radius: 4px;
	-o-border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px; }
	
#topnav a.active{
	color:#333;
	padding:5px 10px 4px;
	background: #66FF66;
	text-decoration:none;
	display:inline-block;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-o-border-top-left-radius: 4px;
	-o-border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px; }

#topnav a.within{
	color: white;
	padding: 5px 10px 4px;
	background: gray;
	text-decoration: none;
	display: inline-block;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-o-border-top-left-radius: 4px;
	-o-border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px; }


#catnav a:active{
	background:lime;
	color:#fff; }
	
#catnav a:hover{
	background:#aaa;
	color:#fff;
	text-decoration:underline }
	
#topnav a:active{
	background:lime;
	color:#fff; }
	
#topnav a:hover{
	background:#aaa;
	color:#fff;
	text-decoration:underline }


body.home #topnav .home a,
body.information #topnav .information a,
body.contact #topnav .contact a,
body.sitemap #topnav .sitemap a,
body.newadditions #topnav .newadditions a,
body.blog #topnav .blog a
body.track #topnav .track a
body.views #topnav .views a

body.plastic #catnav .plastic a
body.designer #catnav .designer a
body.metal #catnav .metal a
body.rimless #catnav .rimless a
body.glass #catnav .glass a
body.sunglasses #catnav .sunglasses a
body.monocles #catnav .monocles a
body.accessories #catnav .accessories a
body.magaids #catnav .magaids a
body.bargain #catnav .bargain a

{ background:#f00;
	color:#fff; }


img.add_this_button { width:125px; height:16px; border:0px }

img.dc_logo { border-style:1px black solid;
	width: 150px; }
	
img.dc_logo_bottom {
	float: right;
	width: 150px;
	padding-top:5px; }

img.index_arty { width:314px; height:250px;
-webkit-box-shadow: rgba(0, 0, 0, .25) 0 1px 3px;
-moz-box-shadow: rgba(0, 0, 0, .25) 0 1px 3px;
-o-box-shadow: rgba(0, 0, 0, .25) 0 1px 3px;
box-shadow: rgba(0, 0, 0, .25) 0 1px 3px;
padding: 5px;
background: #fff;
background: -webkit-gradient(linear, 0% 0% 0% 100%, from(#fff), to(#eee));
background: -moz-linear-gradient(top, #fff, #eee);
background: -o-linear-gradient(top, #fff, #eee);
background: linear-gradient(top, #fff, #eee);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
-webkit-transform: rotate(-2deg);
-moz-transform: rotate(-2deg);
-o-transform: rotate(-2deg);
transform: rotate(-2deg); }

img.index_image { width:246px; height:164px;
-webkit-box-shadow: rgba(0, 0, 0, .25) 0 1px 3px;
-moz-box-shadow: rgba(0, 0, 0, .25) 0 1px 3px;
-o-box-shadow: rgba(0, 0, 0, .25) 0 1px 3px;
box-shadow: rgba(0, 0, 0, .25) 0 1px 3px;
padding: 5px;
background: #fff;
background: -webkit-gradient(linear, 0% 0% 0% 100%, from(#fff), to(#eee));
background: -moz-linear-gradient(top, #fff, #eee);
background: -o-linear-gradient(top, #fff, #eee);
background: linear-gradient(top, #fff, #eee);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
-moz-transform: rotate(-2deg);
-o-transform: rotate(-2deg);
transform: rotate(-2deg); }


img.index_image_christmas { border-style: none; width:308px; height:220px }

img.index_image_custom { border-style:none; width:260px; height:195px }

img.index_image_medium { border-style:none; width:246px; height:186px }

img.index_image_newyear { border-style: none; width:284px; height:400px }

img.index_image_square { border-style:none; width:250px; height:250px;
-webkit-box-shadow: rgba(0, 0, 0, .25) 0 1px 3px;
-moz-box-shadow: rgba(0, 0, 0, .25) 0 1px 3px;
-o-box-shadow: rgba(0, 0, 0, .25) 0 1px 3px;
box-shadow: rgba(0, 0, 0, .25) 0 1px 3px;
padding: 5px;
background: #fff;
background: -webkit-gradient(linear, 0% 0% 0% 100%, from(#fff), to(#eee));
background: -moz-linear-gradient(top, #fff, #eee);
background: -o-linear-gradient(top, #fff, #eee);
background: linear-gradient(top, #fff, #eee);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
-moz-transform: rotate(-2deg);
-o-transform: rotate(-2deg);
transform: rotate(-2deg); }

img.thumbnail { border:1px black solid; width:120px; height:80px }


p { font-family: Arial, Helvetica, sans-serif;	font-size: 1em;	color: black; line-height:1.3em }

p.maintenance { font-family: Arial, Helvetica, sans-serif; background: #FF0000; font-size: 1em; color: black; line-height:1.3em; text-align:center; padding-left:10px; padding-right:5px;
-webkit-box-shadow: rgba(0, 0, 0, .25) 0 2px 10px;
-moz-box-shadow: rgba(0, 0, 0, .25) 0 2px 10px;
-o-box-shadow: rgba(0, 0, 0, .25) 0 2px 10px;
box-shadow: rgba(0, 0, 0, .25) 0 2px 10px;
margin-left:5px;
margin-right:5px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-o-border-radius: 20px;
border-radius: 20px; }

p.offer { font-family: Arial, Helvetica, sans-serif; background: aqua; font-size: 1em; color: black; line-height:1.3em; text-align:center; padding-left:10px; padding-right:5px;
-webkit-box-shadow: rgba(0, 0, 0, .25) 0 2px 10px;
-moz-box-shadow: rgba(0, 0, 0, .25) 0 2px 10px;
-o-box-shadow: rgba(0, 0, 0, .25) 0 2px 10px;
box-shadow: rgba(0, 0, 0, .25) 0 2px 10px;
margin-left:5px;
margin-right:5px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-o-border-radius: 20px;
border-radius: 20px; }

p.office_closed { font-family: Arial, Helvetica, sans-serif; background: yellow; font-size: 1em; color: black; line-height:1.3em; text-align:center;
-webkit-box-shadow: rgba(0, 0, 0, .25) 0 2px 10px;
-moz-box-shadow: rgba(0, 0, 0, .25) 0 2px 10px;
-o-box-shadow: rgba(0, 0, 0, .25) 0 2px 10px;
box-shadow: rgba(0, 0, 0, .25) 0 2px 10px;
margin:0px 5px 5px 5px;
padding:0px 0px 5px 0px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-o-border-radius: 20px;
border-radius: 20px; }


a { font-family:Arial, Helvetica, sans-serif; color:black; font-weight:bold; text-decoration:none }

a:hover { text-decoration: underline }

a.rgdc_txt_link { color: black;
	font-family: Segoe Print;
	font-size: 22pt;
	line-height: 150%;
	vertical-align: middle;
	text-shadow: 1px 1px 1px #C0C0C0;
	text-align: left; }

a.rss { font-size: 10pt; }

a.small_font { font-size: small; }

a.toptab_active { font-family: Arial, Helvetica, sans-serif; background: gray; font-size: 1em; color: black; line-height:1.3em; text-align:center;
padding-top:5px;
padding-right:5px;
padding-bottom:5px;
padding-left:5px;
margin-left:5px;
margin-right:5px;
-webkit-border-top-left-radius: 25px;
-webkit-border-top-right-radius: 25px;
-moz-border-radius-topleft: 25px;
-moz-border-radius-topright: 25px;
-o-border-top-left-radius: 25px;
-o-border-top-right-radius: 25px;
border-top-left-radius: 25px;
border-top-right-radius: 25px; }

a.toptab_inactive { padding-top: 50px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 0px;
	padding: 5px 10px 5px 10px;
	margin: 25px 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	background: #C0C0C0;
	font-size: small;
	color: black;
	line-height: 1.8em;
	text-align: center;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-o-border-top-left-radius: 4px;
	-o-border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px; }



#col1 { background-color: gray; font-family:Arial, Helvetica, sans-serif; }

#col2 { background-color:silver; font-family: Arial, Helvetica, sans-serif; font-size: medium; font-weight: bold }

.bold_font { font-family:Arial, Helvetica, sans-serif; font-weight:bold }

.backgound_yellow {	background-color:yellow }

.col_left { text-align: right}

.col_centre { text-align: center; font-family:Arial, Helvetica, sans-serif }

.col_right { text-align: left }

.col_right_address { font-family :Arial, Helvetica, sans-serif; font-size:0.9em; font-weight:normal; line-height:1.4em }

.datetime { border:0; width: 203px; height: 40px }

.main_header { border-top:thin black ridge; border-bottom:thin black ridge}

.main_footer { border-top:thin black ridge; border-bottom:thin black ridge}

.navigation_header { border-top:thin black ridge; border-bottom:thin black ridge; text-align:center }

.super_script { letter-spacing: 2px; vertical-align: super }