/*---------------------------------------------------
 General
---------------------------------------------------*/

* { margin: 0; padding: 0; }

body {
	margin: 0;
	padding: 0;
	border: 0;
	width: 100%;
	min-width: 960px;
	font-size: 76%; /* Base font size */
	font-family: Arial, Verdana, Trebuchet MS;
	background: #fff;
}

.clearing { clear: both; }

html, body { height: 100%; }

td { padding: 2px; }

table { font-size: 1.0em; }

img { border: none; vertical-align: middle; -ms-interpolation-mode: bicubic; }

p { line-height: 1.2em; margin: 0 0 10px 0; }

h1,h2,h3 { font-weight: normal; margin-bottom: 10px; }

h1 { font-size: 2.2em; }

h2 { font-size: 1.8em; }

h3 { font-size: 1.4em; }

h3.sb_link { font-size: 1.1em; margin-bottom: 0px; }

h3 a, h3 a:link, h3 a:visited, h3 a:active { text-decoration: none; }

h2 a, h2 a:link, h2 a:visited, h2 a:active { text-decoration: none; }

a h2 { text-decoration: none; }

.col15 { float: left; width: 15%; }
.col20 { float: left; width: 20%; }
.col24 { float: left; width: 24%; }
.col25 { float: left; width: 25%; }
.col30 { float: left; width: 30%; }
.col33 { float: left; width: 33.3%; }
.col40 { float: left; width: 40%; }
.col49 { float: left; width: 49%; }
.col50 { float: left; width: 50%; }
.col67 { float: left; width: 67%; }
.col75 { float: left; width: 75%; }
.col85 { float: left; width: 85%; }

hr {
	color: #ccc;
	background: #ccc;
	border: 0;
	Height: 1px;
	margin: 5px 0 5px 0;
}

ul { margin-bottom: 10px; }

ul li {
	margin: 0 0 0 30px;
	padding: 0;
}

ol { margin-bottom: 10px; }

ol li {
	margin: 0 0 0 30px;
	padding: 0;
}

/*
label {
	float: left;
	width: 150px;
	font-weight: bold;
}
*/

blockquote {
	margin: 0 0 10px 10px;
	background: #F7F7F7 url(images/code.gif) top left no-repeat;
	padding: 20px 0 10px 10px;
	border: 1px solid #ccc;
	position: relative;
	border-left: 10px solid #ccc;
	font-style: normal;
	font-family: courier;
}

.ad_sm { float: left; margin: 0 10px 10px 0; }
.ad_sm_ { float: left; margin: 0 0 10px 0; }
.ad_big { float: left; margin: 0 0 10px 0; }

.col25 { float:left; width: 25%; }
.col33 { float:left; width: 33.333%; }
.col50 { float:left; width: 50%; }

#welcome_left { float: left; width: 400px; margin-right:10px; }
#welcome_right { float: left; width: 260px; }

.tippy li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.ProductPrice {
	color: #ff0000;
	font-size: 1.2em;
}

.ProductPriceMain {
	color: #ff0000;
	font-size: 1.7em;
	text-align: center;
}

.news_date, .news_date a:link, .news_date a:visited, .news_date a:hover {
	color: #043fa0;
	font-size: 1.1em;
	text-decoration: none;
}

.sm_title {
	color: #043fa0;
	font-size: 1.1em;
	text-decoration: none;
}

.search_form { text-align: left; }

.pbox_title { width: 120px; background: #fff url(images/menu_bg.jpg); padding: 3px; border: 1px solid #ccc; color: #000; border-bottom: none; font-weight: bold; text-align: center; font-size: 1.2em; }
.pbox { width: 120px; padding: 3px; border: 1px solid #ccc; margin-bottom: 10px; text-align: center; }

.noreviews { color: #ff0000; font-size: 1.0em; }
.addreview { color: #000; font-size: 1.1em; }

/*---------------------------------------------------
 Scrollers
---------------------------------------------------*/

#wrapper1 { width: 380px; height: 160px; margin: 0px auto; background: #fff; padding: 0px; }
#scroll { position: relative; width: 380px; height: 160px; overflow: auto; }
#scrollcontent { position: absolute; width: 360px; z-index: 200; }
#scrollbar { float: right; position: relative; display: none; width: 15px; height: 160px; z-index: 100; background: url(images/scroll-bg.gif); }
.scroller { position: absolute; top: 0; width: 15px; cursor: pointer; background-color: #ccc; background-image: url(images/scroll-arrows.gif); background-position: 50% 50%; background-repeat: no-repeat; }

#wrapper2 { width: 240px; height: 160px; margin: 0px auto; background: #fff; padding: 0px; }
#scroll2 { position: relative; width: 240px; height: 160px; overflow: auto; }
#scrollcontent2 { position: absolute; width: 220px; z-index: 200; }
#scrollbar2 { float: right; position: relative; display: none; width: 15px; height: 160px; z-index: 100; background: url(images/scroll-bg.gif); }
.scroller2 { position: absolute; top: 0; width: 15px; cursor: pointer; background-color: #ccc; background-image: url(images/scroll-arrows.gif); background-position: 50% 50%; background-repeat: no-repeat; }

#wrapper3 { width: 480px; height: 600px; margin: 0px auto; background: #fff; padding: 0px; }
#scroll3 { position: relative; width: 480px; height: 600px; overflow: auto; }
#scrollcontent3 { position: absolute; width: 460px; z-index: 200; }
#scrollbar3 { float: right; position: relative; display: none; width: 15px; height: 600px; z-index: 100; background: url(images/scroll-bg.gif); }
.scroller3 { position: absolute; top: 0; width: 15px; cursor: pointer; background-color: #ccc; background-image: url(images/scroll-arrows.gif); background-position: 50% 50%; background-repeat: no-repeat; }

.buttonclick { background-color: #bbb; }

#rss_news { z-index: 999; position: absolute; height:30px; top: 17px; right: 270px; width: 200px; }
#rss_latest { z-index: 999; position: absolute; height:30px; top: 17px; right: 20px; }

.subscribe_div { position: absolute; z-index: 9999; visibility: hidden; border: 1px solid #666; background: #eee; padding: 5px; height: 50px; width: 240px; }

.sm_div { float:left;height:600px;width:20px;background:#fff url(images/sitemap_div.gif) repeat-y; }

#cart_view { z-index: 999; position: absolute; height:30px; top: 17px; right: 0px; width: 70px; }

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


input { padding: 3px; border: 1px solid #ccc; }

/*
input {
	padding:2px;
	text-indent: 3px;
	background-color:#ededed;
	border-color:#CCCCCC #E5E5E5 #E5E5E5 #CCCCCC;
	border-style:solid;
	border-width:1px;
}
*/

textarea { padding: 3px; border: 1px solid #ccc; }

/*
textarea {
	padding:2px;
	text-indent: 3px;
	background-color:#ededed;
	border-color:#CCCCCC #E5E5E5 #E5E5E5 #CCCCCC;
	border-style:solid;
	border-width:1px;
}
*/

select { padding: 2px; border: 1px solid #ccc; }
/*
input.btn { border: 0px solid #ccc; color: #fff; background: #fff url(images/button_bg.jpg); }
*/

/*--------------------------------------------------------
Hyperlinks
--------------------------------------------------------*/

a:link, a:visited { color: #043fa0; text-decoration: underline; }

a:hover { color: #2863c2; text-decoration: none; }


/*---------------------------------------------------
 Columns
---------------------------------------------------*/

.colpad { padding: 10px 10px 0 10px; /* Padding for left column */ }

.colpad_body { padding: 10px 10px 0 0; /* Padding for body content */ }

/*--------------------------------------------------------*/

/* column container */
.colmask {
	position: relative; /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear: both;
	float: left;
	width: 100%; /* width of whole page */
	overflow: hidden; /* This chops off any overhanging divs */
}

/* 2 column right menu settings */
.rightmenu { background: #eee; /* Right column background colour */ }

.rightmenu .colleft {
	float: left;
	width: 200%;
	margin-left: -280px;
	position: relative;
	right: 100%;
	background: #fff; /* Body column background colour */
}

.rightmenu .col1wrap {
	float: left;
	width: 50%;
	position: relative;
	left: 50%;
	padding-bottom: 0em;
}

.rightmenu .col1 { margin: 0 0px 0 280px; overflow: hidden; }

.rightmenu .col2 {
	float: right;
	width: 280px;
	position: relative;
	left: 280px;
}

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

#dm_container { 
	width: 960px;
	margin: 0 auto;
	background: #fff;
}
#dm_header { 
	height: 100px;
	padding: 0px;
	background: #fff url(images/header_bg.jpg) top no-repeat;
}
#dm_header_left {
	float: left;
	width: 320px;
}
#dm_header_right {
	float: left;
	width: 640px;
}

#dm_top_banners {
	padding: 20px;
	text-align: right;
}

/*-------------------------------*/

#logo h1 {
	background: url(images/logo.jpg) no-repeat;
	width: 320px;
	height: 100px;
	border: 0;
	overflow: hidden;
	margin: 0;
	padding: 0;
	z-index: 30;
	float: left;
	text-indent: -10000px;
}

#logo h1 a {
	display: block;
	text-indent: -10000px;
	width: 320px;
	height: 100px;
	border: 0;
	text-decoration: none;
}

#logo h1 a:hover { border: 0; text-decoration: none; }


/*--------------------------------------------------------
Speedbar
--------------------------------------------------------*/

#speedbar {
	clear: left;
	width: 100%;
	font-size: 1.0em;
	font-family: Arial, Helvetica, sans-serif;
	border-top: 0px solid #000;
	border-bottom: 0px solid #000;
	background: #000 url(images/speedbar_bg.jpg) repeat-x;
	overflow: hidden;
}

#speedbar ul {
	clear: left;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	left: 50%;
	text-align: center;
}

#speedbar ul li {
	display: block;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	right: 50%;
}

#speedbar ul li.first a { border-left: 0px solid #fff; }

#speedbar ul li.last a { border-right: 0px solid #fff; }

#speedbar ul li a {
	border-left: 0px solid #fff;
	border-right: 1px solid #666;
	display: block;
	margin: 0;
	padding: .1em .8em .3em .8em;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	line-height: 2.0em;
}

#speedbar ul li a span { display: block; }

#speedbar ul li.active a {
	color: #fff;
	font-weight: bold;
	background: #000 url(images/speedbar_hover.jpg) center repeat-x;
}

#speedbar ul li a:hover {
	color: #fff;
	font-weight: bold;
	background: #000 url(images/speedbar_hover.jpg) center repeat-x;
}

#speedbar ul li.current a {
	color: #FFFFCC;
	font-weight: bold;
	background: #000 url(images/speedbar_hover.jpg) center repeat-x;
}

/*-------------------------------*/


#dm_body { 
	padding: 0px;
}
#dm_footer { 
	height: 60px;
	padding: 10px;
	background: #ECF1FF url(images/footer_fade.jpg) top repeat-x;
/*	background: #fff url(images/header_bg.jpg) top no-repeat;*/
	border-top: 3px solid #CBD8FF;
}
#dm_copyright { 
	text-align: center;
	color: #666;
	padding: 5px 0 50px 0;
}



/*---------------------------------------------------
 Faux Columns
---------------------------------------------------*/

ul.ul_cols {
	width: 100%;
	margin: 0;
	overflow: hidden;
	border-top: 0px solid #666;
}
ul.ul_cols li {
	line-height: 1.5em;
	border-bottom: 0px solid #666;
	float: left;
	display: inline;
	margin: 0;
}
#double li	{ width: 50%;}
#triple li	{ width: 33.333%; }
#quad li	{ width: 25%; }
#five_footer li	{ width: 20%; }
#five li	{ width: 20%; text-align: center; }
#six li		{ width: 16.666%; }
#subcats li	{ width: 16.666%; text-align: center; margin: 0 0 10px 0;}






/*--------------------------------------------------------
MENU & DIALOG ROUNDED BORDERS
--------------------------------------------------------*/

/*--------- MENUS ----------*/

.mborders { width: 100%; margin-bottom: 10px; }

.mborders h3 { margin: 0; font-size: 1.3em; text-transform: none; font-weight: bold; padding: 0 7px 5px 7px; }

.mtop, .mbottom { display: block; background: transparent; font-size: 1px; }

.mb1, .mb2, .mb3, .mb4 { display: block; overflow: hidden; }

.mb1, .mb2, .mb3 { height: 1px; }

.mb2, .mb3, .mb4 { background: #fff; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }

.mb1 { margin: 0 5px; background: #ccc; }

.mb2 { margin: 0 3px; border-width: 0 2px; }

.mb3 { margin: 0 2px; }

.mb4 { height: 2px; margin: 0 1px; }

.mboxcontent { display: block; border: 0 solid #ccc; border-width: 0 1px; height: auto; background: #fff; }

* html .mboxcontent { /* height: 1px; */ }

.mboxpadding { padding: 8px; background: #fff; }

.mboxcontent ul { list-style: none; padding: 0px 0px 0px 0px; margin: 0px; }

.mboxcontent ul li { vertical-align: middle; }

/*--------- DIALOGS ----------*/

.dborders { width: 100%; margin-bottom: 10px; }

.dborders h2 { margin: 0; font-size: 1.3em; text-transform: none; font-weight: bold; padding: 0 7px 5px 7px; }

.dtop, .dbottom { display: block; background: transparent; font-size: 1px; }

.db1, .db2, .db3, .db4 { display: block; overflow: hidden; }

.db1, .db2, .db3 { height: 1px; }

.db2, .db3, .db4 { background: #fff; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }

.db1 { margin: 0 5px; background: #ccc; }

.db2 { margin: 0 3px; border-width: 0 2px; }

.db3 { margin: 0 2px; }

.db4 { height: 2px; margin: 0 1px; }

.dboxcontent { display: block; border: 0 solid #ccc; border-width: 0 1px; height: auto; background: #fff; }

* html .dboxcontent { /* height: 1px; */ }

.dboxpadding { padding: 8px; background: #fff; }

.dboxpadding h2 { font-size: 1.2em; font-weight: normal; text-transform: none; }

.dborders_col { margin-bottom: 10px; }

/*--------- COLOURS ----------*/

.menu_colour { background: #fff url(images/menu_bg.jpg); color: #000; }

.dialog_colour { background: #fff url(images/menu_bg.jpg); color: #000; }

.blank { background: #fff; }

.filled { background: #F8F8F8; }





/*--------------------------------------------------------
MENUS HOVER EFFECT
--------------------------------------------------------*/

.menu_nav ul {
 border-top: 1px solid #ccc;
}

.menu_nav ul { margin: 0; padding: 0; list-style-type: none; }
.menu_nav li { margin: 0; padding: 0; }

.menu_nav a {
	display: block;
	width: auto;
	padding: 5px;
	background-color: #fff;
	border-bottom: 1px solid #ccc;
}

.menu_nav a:link, .menu_navlist a:visited { color: #043fa0; text-decoration: none; }

.menu_nav a:hover {
	background: #ccc;
	color: #000;
}


/*---------------------------------------------------
 Columns
---------------------------------------------------*/

.products_container {
	padding: 0 0 0 10px; /* Required to make columns nice and centered */
	display: block;
}
ul.column {
	width: 100%;
	padding: 0;
	margin: 10px 0 0 0;
	list-style: none;
}
ul.column li {
	float: left;
	width: 210px; /* Product column width - see columns.js also */
	height: auto; /* Product column height */
	padding: 0;
	margin: 0;
	display: inline;
}
.block {
	font-size: 1.0em;
	padding: 0px;
	background: #fff;
	border: 0px solid #ccc;
	text-align: center;
	margin-right: 0px;
	height: 210px;
}
.block h2 {
	height: 70px;
	font-size: 1.2em;
	margin: 0;
	padding: 0;
}
.block_thumb {
	height: 140px;
}
.block img {
	width: auto; /* Thumbnail width */
	padding: 0%;
	margin: 0 auto;
	display: block;
	background: #fff;
	border: 0px solid #ccc;
}


/************************************************
* CSS Buttons									*
************************************************/
.clear { overflow: hidden; width: 100%; }

.button { float: left; }

a.button { background: transparent url(images/bg_button_a.jpg) no-repeat scroll top right; color: #fff; display: block; float: left; font: bold 12px arial, sans-serif; height: 24px; margin-right: 3px; padding-right: 18px; text-decoration: none; border: 0; }

a.button span { background: transparent url(images/bg_button_span.jpg) no-repeat; display: block; line-height: 14px; padding: 5px 0 5px 18px; }

a.button:active { background-position: bottom right; color: #000; outline: none; }

a.button:active span { background-position: bottom left; padding: 6px 0 4px 18px; }

a.button:visited, a.button:hover { color: #fff; text-decoration: none; }

/************************************************
* Pagination Links								*
************************************************/
.navigation { padding: 0px; }

.navigation ul { margin: 0; padding: 0; text-align: center; font-size: 1.0em; }

.navigation li { list-style-type: none; display: inline; padding-bottom: 1px; margin: 0 1px 0 0; }

.navigation a, .navigation a:visited { padding: 4px 4px 4px 4px; border: 1px solid #bbb; text-decoration: none; color: #666; font-weight: bold; }

.navigation a:hover, .navigation a:active { border: 1px solid #666; color: #000; background-color: #eee; font-weight: bold; text-decoration: none; }

.navigation a.currentpage { background-color: #666; color: #fff !important; border-color: #666; font-weight: bold; cursor: pointer; font-weight: bold; }

.navigation a.currentpage:hover { background-color: #666; color: #fff !important; border-color: #666; font-weight: bold; cursor: pointer; font-weight: bold; }

.navigation a.currentpage:active { background-color: #eee; border-color: #bbb; }



/*--------------------------------------------------------
REVIEW POSTS
--------------------------------------------------------*/

.review_author {
	margin: 0 0 0 10px;
	color: #000;
	font-size: 1.3em;
	font-weight: bold;
	font-style: normal;
	text-transform: none;
	color: #043fa0;
}

.review_pointer {
	display: block;
	height: 20px;
	width: 20px;
	position: relative;
	left: 50px;
	top: 1px;
	background: #fff url(images/review_pointer.jpg) no-repeat 0 100%;
	z-index: 1000;
}

.review_icon {
	float: left;
	width: 12%;
	height: 50px;
	margin-top: 0px;
	margin-bottom: 5px;
	background: #F8F8F8 url(images/review_author.gif) center no-repeat;
}

.review_text { float: left; width: 88%; margin-bottom: 2px; }
.review_ip { color: #666; font-size: 1.1em; }


/*--------------------------------------------------------
PROMOS
--------------------------------------------------------*/

#banners { width: 650px; height: 150px; margin: 0; padding: 0;  }
ul#rotator { width: 650px; height: 150px; cursor: pointer; float: left; margin: 0; padding: 0; overflow: hidden; z-index: 0; }
ul#rotator li { width: 650px; height: 150px; margin: 0; padding: 0; list-style: none; }
ul#rotator img { width: 650px; height: 150px; border: 0; }


/*--------------------------------------------------------
MINICART
--------------------------------------------------------*/
.minicart_container { width: 100%; }
.minicart_container input { color: #000000; background: #FFFFFF; border: 1px solid #CCCCCC; text-align: center; }
.minicart_item { color: #0000FF; text-decoration: none; font-size: 0.9em; }

a.minicart_item:link { color: #043fa0; text-decoration: none; }
a.minicart_item:visited { color: #043fa0; text-decoration: none; }
a.minicart_item:hover { color: #2863c2; text-decoration: none; }
a.minicart_item:active { color: #043fa0; text-decoration: none; }

.minicart_col_1 { width: 9%; float: left; text-align: left; }
.minicart_col_2 { width: 69%; float: left; text-align: left; }
.minicart_col_3 { width: 19%; float: left; text-align: left; }
.minicart_tot_1 { width: 49%; float: left; text-align: left; }
.minicart_tot_2 { width: 49%; float: left; text-align: right; }
.minicart_total { color: #FF0000; font-weight: bold; }

.mc_alert { z-index: 1000; position: absolute; right: 300px; top: 10px; width: 200px; visibility: hidden; }
.mc_alert_content { float: left; background: #eee; padding: 10px; border: 2px solid #ff0000; }
.mc_close { float: right; background: #ff0000; color: #fff; font-weight: bold; text-align: center; font-size: 14px; cursor: pointer; margin-left:10px; }
.mc_image { border: 0; vertical-align: middle; }


.aff_l { float: left; width: 60px; }
.aff_r { float: left; width: 570px; }


/* Floater */
.dc-social-float .tab {
cursor: pointer;
height: 38px;
margin-left: -1px;
}
.dc-social-float .dc-social-float-content {
background: #fff;
border: 1px solid #bbb;
padding: 5px 5px 0 5px;
text-align: center;
}
.dc-social-float .dc-social-float-content {
border-radius: 5px; -webkit-border-radius: 5px;
}
.dcssb-btn {margin-bottom: 5px;}
#dc-social-float-1 .tab, #dc-social-float-2 .tab {display: none;}