/*

 Design Monkey
 layout.css

*/



/* Remove Default Styling
------------------------------------------------------------------------------------------------- */
	
* { 
	margin: 0; 
	padding: 0; 
	font-style: normal; 
}

img { 
	border: 0; 
}

section, article, aside, header, footer, nav{
	display: block;
}


/* Typography
------------------------------------------------------------------------------------------------- */

body{
	font-family: Helvetica, Tahoma, Verdana;
	font-size: 1em;
	background:#95d2ff url(../images/bg.jpg) repeat-x top center;
}

p{
	font-size:0.7em;
	line-height: 1.4em;
}

h1,h2,h3,h4{
	font-family: Helvetica, Tahoma, Verdana;
}

a{
	text-decoration:none;
}

a:hover{

}
	
.txt{
	font-family:Helvetica ,Tahoma, Verdana!important;
	font-size: 1em;
}

/* Overall Layout
------------------------------------------------------------------------------------------------- */


section#container{
	margin: 0 auto;
	width:1000px;
	overflow:hidden;	
}


/* Header 
------------------------------------------------------------------------------------------------- */
.seo{
	width:650px;
	float:left;
	color:#474747;
	padding:0 0 0 15px;
	font-weight:normal;
	margin-top:-1px;
	font-size:0.9em;
	text-shadow:1px 1px #000000;
}

header#header{
	height:113px;
	display:block;
	width:1000px;
	position:relative;
}


header#header h1{
	height:114px;
	width:243px;
	float:left;
	text-indent:-30000px;
	background:transparent url(../images/logo.png) no-repeat top left;
}


/*Basket 
------------------------------------------------------------------------------------------------- */

ul.buttons li a {
   color:#FFF;
   text-shadow:1px 1px #454545;
   font-size:0.7em;
}

ul#basket {
    position: absolute;
    right: 0;
	top:33px;
	width: 280px;
}

ul.buttons {
    margin: 0!important;
}

#basket_button {
    clear:both;
	width: auto;
}

#basket_button a.black_button {
    display: block;
    margin-top: 10px;
    overflow: hidden;
    width: 260px !important;
}

#small_basket_hover{
	margin:8px 0 0 0;
}

#small_basket_hover a#small_basket_link strong {
    background: none repeat scroll 0 0 #6fb2cb;
    float: left;
    padding: 5px 10px;
	-moz-border-radius: 5px; -webkit-border-radius:5px; border-raduis:5px;
	width:auto!important;
	color: #FFFFFF;
}

#small_basket_hover a#small_basket_link strong:hover {
    background: none repeat scroll 0 0 #6fb2cb;
}

#small_basket_hover a#small_basket_link em {
    color: #FFF;
    float: left;
    font-size: 0.9em;
    padding: 6px 0 0 8px;
    width: auto;
}

ul#small_basket {
    padding: 10px 0 10px 10px;
    width: auto;
	-moz-border-radius: 5px; -webkit-border-radius:5px; border-raduis:5px;
}

ul#small_basket_area{
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    font-size: 0.6em;
    left: 0;
	width: 240px;
	padding: 0;
}

ul#small_basket_area li{
	margin-right: 0;
}

div#small_basket_arrow {
    right: 100px;
}

td.txt p strong a {
    color: #454545;
    font-size: 0.7em;
    text-shadow: 1px 1px #FFFFFF;
}

tr.basket_item{
	background: none repeat scroll 0 0 #FFFFFF;
}

li#small_basket_content{
	  background: none repeat scroll 0 0 #FFFFFF;
}

div.basket_item {
    background: none repeat scroll 0 0 #297bac;
}

div.basket_item div.txt {
    float: left;
    font-size: 1.6em!important;
    line-height: 1em;
    padding: 1px 3px;
    text-shadow: 1px 1px 1px #000000;
    width: 145px;
}

div.basket_item div.img {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 3px 3px 3px 3px;
    float: left;
    height: 60px;
    margin: 2px;
    width: 60px;
	display:none;
}

div.basket_item div.txt small.basket-shop-name a {
   display:none;

}

div.basket_item div.txt small {
    color: #FFF;
    font-size: 1em;
}

div.basket_total {
    background: none repeat scroll 0 0 #FFF !important;
}

div.basket_total strong {
    color: #454545;
}

.stock{
	display: none;
}

/* Nav 
------------------------------------------------------------------------------------------------- */


ul#nav{
	list-style:none;
	float:left;
	margin-top:25px;
	padding:26px 280px 0 0;
	height:55px;
	width:477px;
	background:transparent url(../images/topnav.png) no-repeat top left;
}

ul#nav li{
	float:left;
	text-align:center;
	position: relative;
	margin:0 0 0 -1px;
}


ul#nav li a{
	padding:27px 20px 28px 20px;
	border-left:1px solid #3a75a1;
	border-right:1px solid #3a75a1;
	outline: none;
}


ul#nav li ul{
	display: none;
	position: absolute;
	list-style:none;
	z-index:100;
	top:52px;
	left:-1px;
	width:99.9%;
	padding:10px 0;
	background:#3c81b5;
	border-left:1px solid #3a75a1;
	border-right:1px solid #3a75a1;	
	border-bottom:1px solid #3a75a1;
}

ul#nav li:hover ul{
	display: block;
}

ul#nav li ul li{
	width: 100%;
}

ul#nav li ul li a{
	white-space: nowrap;
	font-size:16px;
	text-shadow:1px 1px #235676;
	border-left:none;
	border-right:none;
}

ul#nav ul li a{
	padding:0;
	
}

ul#nav li a{
	font-size:18px;
	color:#FFF;
	text-shadow:1px 1px #235676;
}

ul#nav li a.selected , ul#nav li a:hover{
	color:#FFF;
	background: transparent url(../images/whitefade.png) repeat-x left;
	border-left:1px solid #3a75a1;
	border-right:1px solid #3a75a1;
}

ul#nav li a.selected, ul#nav li a:hover{
	color:#FFF;
}

ul#nav li ul li a:hover , ul#nav li ul li a.selected{
	background: transparent;
	border-left:none;
	border-right:none;
	border-bottom: 1px dotted #FFF;
}

/* leftnav
------------------------------------------------------------------------------------------------- */

ul#nav1{
	list-style:none;
	padding:20px 0 70px 0;
	width:248px;
	background:transparent url(../images/leftnav.png) no-repeat bottom left;
	margin: -5px 0 0 8px;
}

ul#nav1 li{
	text-align:center;
	width:233px;
	padding-left: 1px;
}

ul#nav1 li a{
	font-size:18px;
	color:#FFF;
	text-shadow:1px 1px #235676;
	display: block;
	border-bottom:1px solid #7d98ad;
	padding:5px 0;
	outline: none;
}

ul#nav1 li a:hover{
	background: #297bac;
}

section#leftnav{
	width:243px;
	float:left;
	margin: 0 10px 0 0;
}

ul#nav1 li ul{
	margin: 0;
	padding: 0;
	list-style:none;
	background:#3c81b5;
}

ul#nav1 li ul li{
	padding-left: 0;
}

ul#nav1 li ul li a{
	white-space: nowrap;
	font-size:16px;
	text-shadow:1px 1px #235676;
	border-bottom:1px solid #7d98ad;
	padding:8px 0 5px 0;
}

ul#nav1 li ul li a:hover{
	background: #2c648f;
}

ul#nav1 li ul li ul li{
	list-style:none;
	background:#27587d;
}

ul#nav1 li ul li ul{
	margin-top:1px;
}

ul#nav1 li ul li ul li a{
	white-space: nowrap;
	font-size:14px;
	text-shadow:1px 1px #235676;
	border-bottom:1px solid #7d98ad;
}

ul#nav1 li ul li ul li a:hover{
	background: #1e4460;
}

section#leftnav article.html_content{
	margin-top: 20px;
	clear: both;
	margin-left: 10px;
}

section#leftnav p{
	color: #FFF;
	display: block;
	line-height: 1.6em;
	text-shadow: 1px 1px #498db7;
}

section#leftnav p strong{
	font-size: 1.6em;	
}


/* Content 
------------------------------------------------------------------------------------------------- */

section#content{
	overflow:hidden;
	width:1000px;
}

section#right {
	width:745px;
	overflow:hidden;
}

section#main {
	width:735px;
	padding:10px;
	overflow:hidden;
	background:#4c8cb5;
	margin:0 0 10px 0;
}

section#homemaincol{
	padding:10px;
	width:390px;
	float:left;
	background:#FFF;
	margin-right:10px;
}
	
section#homerightcol{
	padding:10px;
	width:286px;
	float:left;
	background:#FFF;
}

section#maincol{
	padding:10px;
	width:490px;
	float:left;
	background:#FFF;
	margin-right:10px;
}

section.slideshow_loading{
	background: #FFFFFF url("../../../images/cms/ajax-loader.gif") no-repeat scroll center center!important;
}

.fullcol{
	width: 705px!important;
}
	
section#rightcol{
	padding:10px;
	width:180px;
	float:left;
	background:#FFF;
}

section#rightcol h2 , section#homerightcol h2, section#homerightcol h3{
	padding:10px;
	margin:-10px 0 5px -10px;
	width:284px;
	float:left;
	background: transparent url(../images/title.jpg) repeat-x left;
	border:1px solid #FFF;
	color:#FFF!important;
	text-shadow:1px 1px #235676;
}

section#homerightcol h3 a{
	color:#fff;
}

ul.rss_items{
	margin-left:1px!important;
}

article.rssfeed ul li small{
	display: inline;
	clear: none;
	margin: 5px 0;
}

.fullcol article.rssfeed h2.title{
	margin-left: 0;
	margin-bottom: 20px;
	margin-top: 10px!important;
}

.fullcol  article.rssfeed ul li{
	font-size: 1em;
	line-height: 1.4em;
	color: #4B4B4B;
	overflow: hidden;
}

article.rssfeed ul li{
	overflow: hidden;
}

article.wordpress ul.rss_items li.rss_item a{
	font-size:1.4em!important;
}

.twtr-widget h3{
	background:none!important;
	margin:1px!important;
	border:none!important;
}

.twtr-widget{
	margin-top:20px;
}

section#main h1{
	color:#277aab;
	font-weight:normal;
	font-size:24px;
}

section#main h2{
	color:#075f7e;
	font-weight:normal;
	font-size:1.6em;
	margin-top:10px;
}

section#main h3{
	color:#424242;
	font-weight:normal;
	font-size:1.4em;
}

section#main h3 a{
	color:#277aab;
	font-weight:normal;
	font-size:1em;
}

section#main h3 a:hover{
	color:#424242;
	border-bottom: 1px dotted #424242;
}

section#main h4{
	color:#8997a1;
	font-weight:normal;
	font-size:1.4em;
	margin: 10px 0 20px;
}

section#main p{
	font-size:14px;
	color:#4b4b4b;
	font-weight:normal;
	margin-top:10px;
}

section#main p a{
	color:#075f7e;
}

section#main ul{
	font-size:14px;
	color:#4b4b4b;
	font-weight:normal;
	margin: 20px;
}

section#main ul li{
	margin-bottom: 10px;
}

/* Inner Content 
------------------------------------------------------------------------------------------------- */

/* Footer 
------------------------------------------------------------------------------------------------- */
footer#footer{
	background:#FFF;
	border: 10px solid #4c8cb5;
	padding:10px;
	overflow:hidden;
	width:960px;
	margin:0 auto;
}

footer#footer ul{
	list-style: none;
	font-size: 0.75em;
	width: 155px;
	float: left;
	margin: 0;
}

footer#footer ul li {
	margin-bottom: 6px;
}

footer#footer ul li a{
	color: #797979;
	border-bottom: 1px #CCC dashed;
}

footer#footer ul li a:hover{
	color: #277aab;
}

footer#footer h3{
	font-size:1.4em;
	color:#277aab;
	margin:0 0 15px 0;
	border-bottom: 3px #DDD solid;
}

footer#footer h2{
	font-size:1.2em;
	color:#2679aa;
}

.footercol p{
	color:#ececec;
}

footer#footer p{
	font-size:0.8em;
	color:#797979;
	margin-right:20px;
	margin-bottom: 10px;
}

footer#footer p a{
	color:#797979;
}

footer#footer p a:hover{
	border-bottom: 1px dotted #CCC;
}

.footercol{
	width:310px;
	padding:5px;
	float:left;
	min-height:50px;
}

section#bottom{
	width:972px;
	margin: 0 auto 20px auto;
	overflow: hidden;
}

p.webdesign{
	float: left;
}

p.seologo a{
	background: transparent url(../images/remarq.png) no-repeat left;
	width:164px;
	height:51px;
	float: left;
	text-indent: -300000px;
}

.copy{
	font-size:0.8em!important;
	color:#FFF!important;
	float:right;
	padding-top:10px;
}


/* Slideshow
------------------------------------------------------------------------------------------------- */

section#banner img {
    border: 7px solid #FFF;
}

section#banner{
	width:740px;
	height:290px;
	float:left;
}

section#slideshow_8458 {
	z-index:1;
}

section#slideshow_8458 article{
	position: relative;
}

section#slideshow_8458 article footer {
	color: #FFFFFF;
    display: block;
    font-size: 16px;
    height: 229px;
    line-height: 22px;
    padding: 30px 10px 0 10px;
    position: absolute;
    right: 7px;
    text-align: center;
    top: 7px;
    width: 263px;
	background:transparent url(../images/black.png) repeat;
}

section#slideshow_8458 article header {
display:none;
}

/* File upload
------------------------------------------------------------------------------------------------- */

dl.fileupload a{
	color: #075F7E;
    font-size: 1.2em;
}


/* Forms
------------------------------------------------------------------------------------------------- */

fieldset.form{
	border: none;
	padding:0 0 0 40px;
	font-size: 0.9em;
	color: #333;
	width: 450px;
	margin-top:20px;
}

fieldset.form legend{
	display: none;
}

fieldset.form dt{
	width: 120px;
	margin-bottom: 8px;
}

fieldset.form dd{
	width: 380px;
	margin-bottom: 8px;
}

fieldset.form dd input, fieldset.form dd textarea{
	width: 380px;
}

fieldset.form dd textarea{
	height: 120px;
}

fieldset.form dd input.submit{
	width: 120px;
}

fieldset.form p.mandetory{
	clear: both;
	font-size: 0.8em!important;
}

ul.errorMessage{
	margin: 10px 10px 20px 0!important;
}
/* Helper Styles 
------------------------------------------------------------------------------------------------- */	
	
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.highlight {
	font-weight: bold;
	color: #c90033;
}
	
.hide { display: none; }
	
.clear {
	clear: both;
}

.clearleft{
	clear: left;
}
	
.bold {
	font-weight: bold;
}

.date {
}
	
.error {

}
	
em { 
	font-style: italic;
}

#ui-datepicker-div{
	display: none;
}

#dmcms-admin-toolbar h3{
	text-indent: -3000px;
	width: 5px;
}