/* $Id: skin1.css,v 1.84.2.20 2007/08/16 09:55:58 max Exp $ */
/*
	General styles
*/
body {
	
	COLOR: #2c3e49;
	FONT-SIZE: 12px;
         font-family:Arial, Helvetica, sans-serif; 
         margin:0; padding:0;
         background: url(/images/hill-bg-repeat.png);
         
}

h2.catHead, h1.catHead, h1 { font-family:'HVDPosterRegular'; font-size:38px; font-weight: normal; color:#952A25; }

.PImgBox {vertical-align: text-top;}
a:link {
	color: #19A2C8;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #19A2C8;
}
a:hover {
	text-decoration: underline;
	color: #C3DB4E;
}
a:active {
	text-decoration: none;
	color: #C3DB4E;
}
/*#outWrapper {background:url(/images/dsb-background.png) no-repeat top;padding-top:10px; }*/
#outWrapper {background:url(/images/dsb-background.jpg) no-repeat top;padding-top:10px; }

#wrapper { width:974px; margin:0 auto; font-family: 'HVDPosterRegular'; }

#headerTop {
	float:right;
	font-size:15px;
	margin:25px 15px 0 0;
	font-size:18px; }

#headerTop a{
	color:#952a25;
	text-decoration:none; }

.seperator {
	margin:0 5px;
	color:#952a25;
	font-size:15px; }

#headerLeft {
	background:url(/images/dsb-sprites.png) 0 0;
	width:220px;
	height:178px;
	margin:-20px 0 0 -10px; }

#headerLeft a{
	display:block;
	width:220px;
	height:178px; }


#header {
	background:url(/images/header-bg.png);
	width:974px;
	}

#nav {
	width:176px;
	background:url(/images/nav-bg.png);
	margin:8px 0 0 16px;
	padding:0 0 0 4px; }

#nav ul{
	margin: 0;
	padding: 11px 0 0 0;
	font-size:23px; }

#nav ul li{
	margin:0;
	padding: 0;
	list-style:none;
	line-height:17px; }
	
#nav ul li a {
	color:#fff;
	text-decoration:none;
	display:block;
	padding:9px;
        background: url('/images/nav-divide.png') no-repeat bottom;
	
}

#nav ul li a:Hover {
	background:url(/images/nav-hover.png) !important;
	
}

#burlapTop {
	background:url(/images/burlap-top.png);
	width:974px;
	height:35px; }

#middleContainer {
	background:url(/images/burlapp.png) repeat-y;
	width:974px;
	}

.titleGreen {
	background:url(/images/dsb-sprites.png) 0 -620px;
	height:26px;
	width:170px;
	color:#fff;
	padding:2px 0 0 10px;
	font-family: 'HVDPosterRegular';
	font-size:20px; }

.blueBg {
	background:url(/images/dsb-sprites.png) 0 -1492px repeat-y;
	height:100%;
	width:180px;
	font-size:14px;
	color:#fff; }

.blueBg ul{
	margin:0 0 0 10px;
	padding:5px 0 0 0; }

.blueBg ul li{
	margin:0;
	padding:0;
	list-style:none;
	line-height:21px; }

.blueBg ul li a{
	color:#fff;
	text-decoration:none; }

.blueBg ul li a:Hover{
	text-decoration:underline; }

.blueBgBottom {
	background:url(/images/dsb-sprites.png) 0 -1682px;
	height:12px;
	width:180px;}

#middleTopRow {
	padding: 20px 0 0 16px; }

#membership {
	float:left;
	margin-right:17px; }

.btnWrap {
	float:left;
	width:162px;
	margin:-6px 5px 0 5px; }

.btnBg {
	background:url(/images/dsb-sprites.png) 0 -719px;
	height:135px;
	width:160px; }

.btnLearn {
	background:url(/images/dsb-sprites.png) 0 -671px;
	height:31px;
	width:150px;
	margin:0 auto; }

.btnLearn a{
	color:#fff;
	text-align:center;
	text-decoration:none;
	font-size:18px;
	display:block;
	padding-top:3px;
	height:29px;
	width:150px; }

.btnLearn a:Hover{
	background:url(/images/dsb-sprites.png) -168px -671px;
	height:29px;
	width:150px; }

#chalkboard {
	background:url(/images/dsb-sprites.png) 0 -909px;
	height:250px;
	width:230px;
	float:left;
	margin:-60px 0 0 7px;
	 }

#chalkboard a{
	display:block;
	height:250px;
	width:230px; }

#chalkboard a:Hover{
	background:url(/images/dsb-sprites.png) -264px -909px;
	height:250px;
	width:230px; }

#middleBottomRow {
	margin-top:15px; }

#shopBasket {
	background:url(/images/dsb-sprites.png) 0 -1194px;
	height:280px;
	width:309px;
	float:left;
	font-size:25px;
	margin:0 20px 0 40px; }

#shopBasket a{
	color:#fff;
	display:block;
	text-align:center;
	text-decoration:none;
	padding:193px 20px 0 0 ;
	height:87px;
	width:289px; }

#shopBasket a:Hover{
	background:url(/images/dsb-sprites.png) -344px -1194px;
	height:87px;
	width:289px;
	 }

.extraNav {
	margin:10px 10px 0 10px;
	float:left;
	font-family:Arial, Helvetica, sans-serif; }

@font-face {
    font-family: 'HVDPosterRegular';
    src: url('/fonts/HVD_Poster-webfont.eot');
    src: url('/fonts/HVD_Poster-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/HVD_Poster-webfont.woff') format('woff'),
         url('/fonts/HVD_Poster-webfont.ttf') format('truetype'),
         url('/fonts/HVD_Poster-webfont.svg#HVDPosterRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}





a link {color:#FFFFFF; text-decoration:none;}

.VertMenuItems {
	COLOR: #000000;
	FONT-SIZE: 12px;
	TEXT-DECORATION: none;
}
A.VertMenuItems:link
{
	COLOR: #FFFFFF;
	FONT-SIZE: 12px;
	TEXT-DECORATION: none;
}

A.VertMenuItems:visited
{
	COLOR: #FFFFFF;
	FONT-SIZE: 12px;
	TEXT-DECORATION: none;
}

A.VertMenuItems:active
{
	COLOR: #FFFFFF;
	FONT-SIZE: 12px;
	TEXT-DECORATION: none;
}


A.VertMenuItems:hover
{
	COLOR: #C3DB4E;
	FONT-SIZE: 12px;
	TEXT-DECORATION: underline;
}

a.VertMenuItemsSub:link
{
	COLOR: #FFFFFF;
	FONT-SIZE: 12px;
	TEXT-DECORATION: none;
	display:block;
}

a.VertMenuItemsSub:visited
{
	COLOR: #FFFFFF;
	FONT-SIZE: 12px;
	TEXT-DECORATION: none;
	display:block;
}

a.VertMenuItemsSub:hover
{
	COLOR: #C3DB4E;
	FONT-SIZE: 12px;
	TEXT-DECORATION: underline;
}


a.VertMenuItemsSub:active
{
	COLOR: #FFFFFF;
	FONT-SIZE: 12px;
	TEXT-DECORATION: none;
	display:block;
}


.style7 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

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

ul.picket li{
	width: 190px;
	line-height:32px;
}

.picket img {vertical-align:middle;}

.picket li a:link {
	display: block;	
	font-weight: bold;
	text-decoration:none;
	font-size:16px;
	padding-left:15px;
	color: #000000;
}

.picket li a:visited {
	display: block;	
	font-weight: bold;
	text-decoration:none;
	font-size:16px;
	padding-left:15px;
	color: #000000;
}

.picket li a:active {
	display: block;	
	font-weight: bold;
	text-decoration:none;
	font-size:16px;
	padding-left:15px;
	color: #000000;
}

.picket li a:hover {
	background-color: #C3DB4E;
	color: #ffffff;
}

#searchbox {
	position:absolute;
	left:44%;
	top:4%;
	width:239px;
	height:28px;
	z-index:1;
}
.style9 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #563C21;
}
.style21 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; }
.style22 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
.style28 {font-size: 11px}
.style32 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; }
.style34 {font-size: 8px}
.style36 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000; }
.style37 {color: #FFFFFF}
.style39 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; }
#apDiv1 {
	position:absolute;
	left:360px;
	top:868px;
	width:420px;
	height:15px;
	z-index:2;
}
.style41 {font-size: 12px; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; }
.style42 {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#apDiv2 {
	position:absolute;
	left:236px;
	top:802px;
	width:154px;
	height:104px;
	z-index:2;
}

A.top:link {
	COLOR: #000000;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
}
A.top:visited {
	COLOR: #000000;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
}
A.top:hover {
	COLOR: #667d92;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
}
A.top:active {
	COLOR: #000000;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;	

}
A.CategoriesList:link {
	COLOR: #000000;
	font-size: 11px;
	font-weight:bold;
	
}
A.CategoriesList:visited {
	COLOR: #000000;
	font-size: 11px;
	font-weight:bold;
	
}
A.CategoriesList:hover {
	COLOR: #667d92;
	font-size: 11px;
	font-weight:bold;
}
A.CategoriesList:active {
	COLOR: #000000;
	font-size: 11px;
	font-weight:bold;
}
A.NavigationPath:link {
	COLOR: #19a2c8;
	TEXT-DECORATION: none;
	font-weight:bold;
}
A.NavigationPath:visited {
	COLOR: #19a2c8;
	font-size: 12px;
	font-weight:bold;
}
A.NavigationPath:hover {
	COLOR: #667d92;
	font-size: 12px;
	font-weight:bold;	
}
A.NavigationPath:active {
	COLOR: #19a2c8;
	font-size: 12px;
	font-weight:bold;	
}



.style43 {color: #C3DB4E}

TD.ButtonsRow {
	PADDING-TOP: 2px;
	PADDING-LEFT: 2px;
	PADDING-RIGHT: 12px;
	PADDING-BOTTOM: 2px;
}


/*
	Buttons
*/
.FormButton {
	COLOR: #112536;
	FONT-WEIGHT: bold;
}
TABLE.ButtonTable {
	CURSOR: pointer;
	VERTICAL-ALIGN: middle;
	DIRECTION: ltr;
}
TD.Button {								 
	BACKGROUND-IMAGE: url(images/butbg.gif);
	BACKGROUND-COLOR: #8abddc;
	BACKGROUND-REPEAT: repeat-x;
	PADDING-LEFT: 5px;
	PADDING-RIGHT: 5px;
	VERTICAL-ALIGN: middle;
	WHITE-SPACE: nowrap;
}
FONT.Button {								 
	FONT-FAMILY: Verdana, Arial, Helvetica, Sans-serif;
	COLOR: #ffffff;
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	TEXT-DECORATION: none;
}
IMG.ButtonSide {
	WIDTH: 7px;
	HEIGHT: 21px;
}
TD.Button_menu {								 
	BACKGROUND: url(images/but_menubg.gif);
	BACKGROUND-COLOR: #263548;
	BACKGROUND-REPEAT: repeat-x;
	PADDING-LEFT: 1px;
	PADDING-RIGHT: 1px;
	VERTICAL-ALIGN: middle;
	WHITE-SPACE: nowrap;
}
FONT.Button_menu {								 
	FONT-FAMILY: Verdana, Arial, Helvetica, Sans-serif;
	COLOR: #ffffff;
	background-color: transparent;
	FONT-WEIGHT: bold;
	FONT-SIZE: 10px;
	TEXT-DECORATION: none;
}
IMG.ButtonSide_menu {
	WIDTH: 5px;
	HEIGHT: 20px;
}
.SimpleButton TR TD {
	PADDING: 0px;
	WHITE-SPACE: nowrap;
}
A.Button:link, A.Button:visited, A.Button:hover, A.Button:active {
	COLOR: #000000;
	FONT-WEIGHT: bold;
}
.GoImage {
	WIDTH: 20px;
	VERTICAL-ALIGN: middle;
	HEIGHT: 18px;
	margin-bottom: 1px;
	BORDER: 0px;
}
.GoImage_admin {
	WIDTH: 22px;
	VERTICAL-ALIGN: middle;
	margin-bottom: 1px;
	HEIGHT: 21px;
	BORDER: 0px;
}



/*
	Dialog box
*/
TABLE.DialogBox {
	WIDTH: 100%;
	HEIGHT: 100%;
	VERTICAL-ALIGN: top;
}
TD.DialogBox {
	BACKGROUND-COLOR: #ffffff;
	TEXT-ALIGN: left;
	PADDING: 5px;
	COLOR: #58595b;
}
.DialogBorder {
	BACKGROUND-COLOR: #966A3F;
	HEIGHT: 100%;
	PADDING: 0px;
}
TD.DialogTitle {
	COLOR: #FFFFFF;
	FONT-WEIGHT: bold;
	FONT-SIZE: 13px;
	BACKGROUND-COLOR: #966A3F;
	/*BACKGROUND-IMAGE: url(images/dialog_bg.gif);*/
	border-left: #966A3F 1px solid;
	border-right: #966A3F 1px solid;
	VERTICAL-ALIGN: middle;
	HEIGHT: 20px;
	PADDING-TOP: 0px;
	PADDING-BOTTOM: 0px;
	PADDING-LEFT: 12px;
	PADDING-RIGHT: 0px;
	TEXT-ALIGN: left;
}
FONT.DialogTitle {
	COLOR: #010101;
	FONT-WEIGHT: bold;
	FONT-SIZE: 13px;
	VERTICAL-ALIGN: bottom;
	HEIGHT: 33px;
	TEXT-ALIGN: left;
	MARGIN-LEFT: 10px;
}

/*
	Dialog info box
*/

/*
	Location bar
*/
.NavigationPath {
	COLOR: #966A3F;
	TEXT-DECORATION: none;
}
A.NavigationPath:link {
	COLOR: #966A3F;
	TEXT-DECORATION: underline;
}
A.NavigationPath:visited {
	COLOR: #966A3F;
	TEXT-DECORATION: underline;
}
A.NavigationPath:hover {
	COLOR: #263548;
	TEXT-DECORATION: none;
}
A.NavigationPath:active  {
	COLOR: #966A3F;
	TEXT-DECORATION: underline;
}

/*
	Buttons
*/

H2 {
	FONT-SIZE: 13px;
}
H3 {
	FONT-SIZE: 12px;
	color: #a10000;
}
HR {
	COLOR: #DDDDDD;
	HEIGHT: 1px;
}

FORM {
	MARGIN: 0px;
}
TABLE,IMG {
	BORDER: 0px;
}



.customTitleLeft{/*background:url(images/topnav_roundleft.jpg) no-repeat 0 0*/}
.customTitleRight{background:url(images/topnav_roundright.jpg) no-repeat 100% 0; padding:3px 8px}

.bottomCurveLeft{background:url(images/curveleft.jpg) no-repeat 0 100%}
.bottomCurveRight{/*background:url(images/curveright.jpg) no-repeat 100% 100%;*/ padding:5px}


.topCurveRightOrange {background:url(images/corner_top_right.png) no-repeat 100% 0; padding:6px; color: #000; font-weight:bold; min-height:200px;}

.topCurveRightOrange a {
	color: #000;
	text-decoration:none;
}

.topCurveRightOrange a:hover {
	color: #000;
	text-decoration:underline;
}

.bottomCurveLeftOrange {background:url(images/corner_btm_left.png) no-repeat 0 100%; background-color:#FF7F00;}

.ProductTitle {font-size: 14px; display:block; text-align:center; height:34px; overflow:hidden;}
.ProductImage {display:block; margin:auto; text-align:center;min-height: 180px;}
.ProductPrice {font-family:Arial, Helvetica, sans-serif; font-size:13px;}
.catBkgd { min-height:268px;}


ul.RPItems { list-style-type:none; margin:0px; padding:0px; }
ul.RPItems li {float:left; width:110px; height:140px; margin:0; padding:5px; text-align:center; overflow:hidden}
ul.RPItems img {display:block; margin:auto;}

ul.bestSellers { list-style-type:none; margin:0px; padding:0px; }
ul.bestSellers li {float:left; width:130px; height:140px; margin:0; padding:5px;; overflow:hidden}
ul.bestSellers img {display:block; margin:auto;}

.ItemsList {color: #ffffff; font-weight:bold;}



/********** SLIDER ................*/

#featured{
	margin:0;
	padding:0 0 10px 0;
	width: 756px;
	height: 230px;
	position:relative;
	background-color:#FF7F00;
}
#featured ul.ui-tabs-nav{
	float: right;
	margin:0;
	padding:0;
	width: 240px;
	height: 240px;
	list-style:none;
}
#featured ul.ui-tabs-nav li{
	margin:0;
	padding:0;
	width: 240px;
	height: 46px;
	/*background:url(../../images/home_main_right_nav_off.gif);*/
	border: solid 1px #fff;
}
#featured li.ui-tabs-nav-item a{
	display:inline-block;
	width:100%;
	height:100%;
	line-height: 46px;	
	font-size: 17px;
	font-weight:bolder;
	text-decoration:none;
}
#featured li.ui-tabs-nav-item span{
  padding-left:5px; 
 }
#featured li.ui-tabs-nav-item a:hover{
	color: #ffffff;
	background-color: #F0037F;
	text-decoration:none;
}
#featured li.ui-tabs-selected{ 
		color: #ffffff;
	background-color: #F0037F;
	text-decoration:none;
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{
		color: #ffffff;
	background-color: #F0037F;
	text-decoration:none;
}
#featured .ui-tabs-panel{
	float:left;
	width:516px;
	height:240px;
	background-color:#FFF;
	position:relative;
	overflow:hidden;

}
#featured .ui-tabs-hide{
	display:none; 
}

#slideCustom {
	background-image:url(../../images/home_main_photo_custom.jpg);
}
#slideManage {
	background-image:url(../../images/home_main_photo_manage.jpg);
}
#slideBuild {
	background-image:url(../../images/home_main_photo_build.jpg);
}
#slideStarter {
	background-image:url(../../images/home_main_photo_starter.jpg);
}

#featured .buyNowGroup{
	width: 186px;
	height: 67px;
	position: absolute;
	left: 10px;
	bottom: 10px;
}

 */