/*=BODY*/
body{font-size:62.5%;font-family:verdana,helvetica,arial,sans-serif;line
-height:1;text-shadow:0 0 0 #000;background:#eaeaea}
ul{list-style:none}
body {margin: 0;line-height: 1;font-family:
verdana,helvetica,arial,sans-serif;color: #333333;}

/*=LAYOUT*/
#tmpl-container{position:relative; padding-bottom:10px;
background:url(/img/f/body_bg.gif) center repeat-y;}

#tmpl-main{width:974px;margin:0
auto;line-height:1.3;line-height:1;color:#000;background-color:#fff;
font-family: arial, helvetica, sans-serif;	font-size: 1em;}

#header {width: 974px;background: #fff;}
#column-container {float: left; padding: 14px 14px 14px 14px;}

#tmpl-main {}

#tmpl-content {background: #E0E0E0;height: 100%;overflow: hidden;color:
#666665;clear: both;}
#tmpl-content h2, #tmpl-content h3 {font-family: arial, helvetica,
sans-serif;font-weight: normal;}

#main-container{width:626px; float:left; padding: 14px 0 14px 0;}
#page-container{width:626px; float:left; margin: 0 14px 14px 10px;
background:#FFFFFF;}
#page-container p{margin: 0 10px 0 10px;}
#page-container h2{margin: 10px 10px 0 10px;}
#page-container ul {margin: 0 10px 0 10px; padding: 7px 0 2px 0;
border-top: 1px dashed #b0b0b0; list-style-type: none; clear: both;}
#page-container ul li {background-position: 0 0.2em;background-repeat:
no-repeat;margin: 0 0 6px;}

.clearboth {clear: both; height: 0;line-height: 0;}
img {border: none;}

#productlist ul {margin: 0 10px 0 10px; padding: 7px 0 2px 0;
border-top: 1px dashed #b0b0b0; list-style-type: circle; clear: both;
list-style-type: none;}
#productlist ul li {width:190px; height:270px; margin: 8px 0 10px 10px;
float:left; border:dashed 1px #333333;}
#productlist ul li a:hover {color: #333333; text-decoration: underline;}
#productlist ul li a:hover {color: #333333; text-decoration: underline;}
#productlist h3 {margin: 0; padding: 4px 0 16px 14px;  font-size: 1.2em;
font-weight:bold;}


/*=LEARN WELSH*/
#learnwelsh ul {margin: 0 10px 0 10px; padding: 7px 0 2px 0; border-top:
1px dashed #b0b0b0; list-style-type: circle; clear: both;
list-style-type: none;}
#learnwelsh ul li {width:180px; height:230px; margin: 8px 0 10px 10px;
float:left;}
#learnwelsh ul li a:hover {color: #333333; text-decoration: underline;}

/*=LINKS*/
a {text-decoration: none;color: #005c81;}
a:hover {text-decoration: none;	color: #333;}
a:active, a:visited, a:hover, input, select {outline: none;}

/*=TYPOGRAPHY*/
h1 {margin: 0; padding: 4px 0 16px 14px; font-size: 2em; color: #666666;
font-weight: normal;}
h2 {margin: 0; padding: 4px 0 16px 14px;  font-size: 2em; color:
#666666;}
#tmpl-content  {font-size: 1.2em;}
p {margin: 15px 0 20px 0;padding: 0;line-height: 1.665em}
p.homebase{margin: 15px;padding: 0;line-height: 1.665em}

/*HPpromo*/
.HPpromo {background:#FFFFFF; float: left;
margin-bottom: 10px; padding-bottom: 0; padding-top: 5px; width: 306px;
height:343px;}
.HPpromo h2 {border-bottom: 2px solid #CCCCCC; font-family:
arial,sans-serif; margin: 0 10px; padding: 4px 0 5px; color: #990003;}
.HPpromo h2 a {color: #005c81;}
.HPpromo h2 a:hover {color: #333;text-decoration: none}
.HPpromo h3 {padding: 0 0 0 10px;margin: 7px 0 0 10px;	width:
126px;background: #fff;color: #990003;line-height: 1.3em;}
.HPpromo h3 a:hover {color: #333;text-decoration: underline;}
.HPpromo p {padding: 8px 0 5px 10px;clear: none;}
.HPpromo p.intro {line-height: 1.4em; float: left; width: 300px;
padding: 2px 0 8px 10px; color: #333333; margin: 0;}
.HPpromo img {float: left;padding: 10px 0 10px 10px;}
.HPpromo h3 {margin: 0;	padding: 4px 0 16px 0; font-size: 1.165em;
color: #666666;}
.HPpromo ul {margin: 0 10px 0 10px; padding: 7px 0 2px 0; border-top:
1px dashed #b0b0b0; list-style-type: none; clear: both;}
.HPpromo ul li {background-position: 0 0.2em;background-repeat:
no-repeat;margin: 0 0 6px;}
.HPpromo ul li a:hover {color: #333333; text-decoration: underline;}

/*SALE*/
.sale{width:924px; padding: 0 5px 0 5px; text-align: center;}

/*=NAVIGATION*/
#local-navigation {height: 4em; margin: 0; font-weight:bold;}
#local-navigation ul {margin: 0 0 0 14px;padding: 0;}
#navigation-list li {margin: 0;	display: inline;}
* html .navigation-button a, * html .navigation-button-first a, * html
.navigation-button-last a {padding: 11px 12px;}
#local-navigation {background: url(/img/f/sprite02.gif) 0 -560px;}
#navigation-list li a {margin: 0 3px 0 0;display: block;float:
left;font-size: 1.6em;padding: 12px 15px; color: #ffffff;}
#local-navigation ul#navigation-list .navigation-button.selected a,
#local-navigation ul#navigation-list .navigation-button-first.selected
a, #local-navigation ul#navigation-list
.navigation-button-last.selected, #local-navigation ul#navigation-list
.navigation-button.selected a:hover, #local-navigation
ul#navigation-list .navigation-button-first.selected a:hover,
#local-navigation ul#navigation-list .navigation-button-last.selected
a:hover {	background: url(/img/f/sprite02.gif) 0 0;}
.navigation-button a, .navigation-button-first a,
.navigation-button-last a {background: url(/img/f/sprite02.gif) 0
-50px;}
.navigation-button a:hover, .navigation-button-first a:hover,
.navigation-button-last a:hover {background: url(/img/f/sprite02.gif) 0
-100px;}

/*IMAGE LIST*/
#list-container{margin:0 0 0 10px; padding-top:14px;}
.ImgRowBlock {width: 924px; background: #fff; clear: both; margin: 0 0
10px 10px;}
.ImgRowImages {clear: both;}
.ImgRowImages ul {list-style: none;margin: 0;padding: 0;}
.ImgRowImages ul.ImgRow1 {list-style: none;margin-bottom:
2px;padding-bottom: 0;background: #fff;overflow: hidden;display:
block;height: 74px;}
.ImgRowImages ul li {float: left;margin-left: 2px;padding: 0;display:
inline;}
.ImgRowImages ul li.flickrfirstincol{float: left;margin-left:
7px;padding: 0;display: inline;}
.ImgRowImages ul li.ImgRowlastincol {margin-right: 0;}
.ImgRowImages ul li img {margin: 0;padding: 0;height: 74px;width: 74px;}
.ImgRowImages .disableImgLink {cursor: default;}

/*GOOGLE ADS*/
#main-google-ads{width:924px; padding: 14px 14px 14px 14px; text-align:
center;}
#page-google-ads{float: left; padding: 14px; display:none;}

/*top 10*/
.categories{width:280px; float:left; background:#FFFFFF; padding:10px;
margin-top:10px;}
.categories ul {margin: 0 10px 0 25px; padding: 7px 0 2px 0; border-top:
1px dashed #b0b0b0; list-style-type: circle; clear: both;}
.categories ul li {background-position: 0 0.2em;background-repeat:
no-repeat;margin: 0 0 6px;}
.categories ul li a:hover {color: #333333; text-decoration: underline;}

#index-categories ul {width:974px;list-style-type: circle;
font-size:1.2em;}
#index-categories ul li {width:130px; float:left;}
#index-categories ul li.small{width:60px; float:left;}
#index-categories ul li.large{width:160px; float:left;}
#index-categories ul li a:hover {color: #333333; text-decoration:
underline;}

/*top 10*/
.top10{width:280px; float:left; background:#FFFFFF; padding:10px;}

/*RSS Page*/
#rss {padding:14px;}
#rss h1 {margin: 0; padding: 4px 0 4px 0; font-size: 2em; color:
#666666; font-weight: normal;}
#rss h2 {margin: 0; padding: 4px 0 4px 0; font-size: 2em; color:
#666666; font-weight: normal;}
#rss dl{width:100%;}
.rssItem{border: 1px dashed grey; width:33%; float:left;
height:400px;background:#FFF;}
.rssItem dt{font-family: arial, helvetica, sans-serif;font-weight: bold;
font-size:120%; padding:5px;}

/*bookmark*/
#bookmark {width:924px; padding:10px 0 0 10px; clear:both;}
#bookmark h2 {float:left; margin:5px 0 0 0; font-size:1.2em;}
ul.bookmark-items li {display: -moz-inline-box; display: inline;
padding:0 8px 0 8px; background:none; line-height:1.5em;
font-size:1.2em; }
ul.bookmark-items .icon-delicious { padding-left:20px; background:none;
background-image: url(/img/f/icon-delicious.gif); background-repeat:
no-repeat; background-position: left center;}
ul.bookmark-items .icon-digg { padding-left:20px; background:none;
background-image:url(/img/f/icon-digg.gif); background-repeat:
no-repeat; background-position: left center;}
ul.bookmark-items .icon-reddit { padding-left:20px; background:none;
background-image: url(/img/f/icon-reddit.gif); background-repeat:
no-repeat; background-position: left center;}
ul.bookmark-items .icon-facebook { padding-left:20px; background:none;
background-image:url(/img/f/icon-facebook.gif); background-repeat:
no-repeat; background-position: left center;}
ul.bookmark-items .icon-stumbleupon { padding-left:20px;
background:none; background-image:url(/img/f/icon-stumbleupon.gif);
background-repeat: no-repeat; background-position: left center;}
ul.bookmark-items { margin:0; padding:0 0 10px 0; text-align:left;
float:left;}
ul.bookmark-items li {float:left;}
#bookmark h2 {margin:0; float:left; padding:5px 20px 0 0; }