html
{
   min-height: 101%;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#777674;
	background:#ffffff;
	background-image:url(/img/bg.jpg);
	background-repeat:repeat-x;
  line-height: 17px;
  min-height: 100%;
}

ol, ul {
	list-style: none;
}

/* === Common stuff  === */


h2
{
	font-size:24px;
}

h3
{
	font-size:18px;
}

h4
{
	font-size: 14px;
}

h3 a:hover
{
	text-decoration:none;
}

p 
{
	font-size:12px;
	color:#777674;
	padding-top: 10px;
}  

strong
{
	color:#777674;
}

a
{
	text-decoration:none;
	color: #777674;
}

a:focus
{ 
	outline: none; 
}


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

li
{
	line-height: 25px;

}

blockquote 
{
	float:left;
	font-size:12px;
	font-weight:bold;
	margin: 10px 0 0px 0px;
	color:#777674;
	padding:15px 20px 10px 35px;
	background:url(/img/blockquote.gif) no-repeat;
	line-height:20px;
	border:0px;
}



/*  Main Style  */

#main
{
	width:899px;
	margin:auto; 
	background-color:transparent;
	min-height: 100%;
}


#logo
{
	width: 150px;
	float:left;
	margin-top:29px;	
}

#top li
{
	float:right;
	margin-top:29px;
}


/*  Menu  */

.ddsmoothmenu{
	background:url(/img/menuBack.png) no-repeat;
	width:899px;
	height:52px;
	margin-top:22px;
	font-size:12px;
	float:left;
}


/*Top level list items*/
.ddsmoothmenu ul li{
	float:left;
	margin-left:10px;
	width:104px;
	height:52px;
	text-align:center;
	background:url(/img/menuSeparator.png) center right no-repeat;
	position: relative;
	line-height:53px !important;
}


.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
   color:#FFF;
   display: block;
}


.ddsmoothmenu ul li a:hover{
	float:left;
	padding-top:0px;
    width:104px;
	height:52px;
	background:url(/img/menuItemBack2.png) no-repeat center left;
}
	
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
   position: absolute;
   left: 0;
   display: none; /*collapse all sub menus to begin with*/
   visibility: hidden;
   margin-left:-20px;
   width: auto;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
   display: list-item;
   float:left;
   background-image:none;
   background-color:#000;
   padding:20px 100px 20px 20px;
   font-size:11px;
   border-bottom:dotted 1px #707071;
   height:0px;
   text-align:left;
   line-height:5px !important;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
   top: 0;
}

.ddsmoothmenu ul li ul li a:hover{
	background-image:none;
	height:10px;
}


/* Holly Hack for IE \*/
 * html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/

#activeMenu
{
	float:left;
	padding-top:0px;
	width:104px;
	height:52px;
	background:url(/img/menuItemBack2.png) no-repeat center left;
	text-align:center;
	color:#ffffff;
}

/* Search input */

.searchstuff
{
	margin-top:15px;
	float:right;
	margin-right:20px;
	width:167px;}

fieldset.search {
	border: none;
	min-width:206px;
	height:23px;
	background: transparent;
}
.search input, .search button {
	height: 23px;
	border: none;
	float: left;
}
.search input.box {
	color: #000;
	font-size: 11px;
	width: 139px;
	height: 23px;
	padding-left:5px;
	background: transparent url(/img/inputBack.png) no-repeat top left;
}
.search input.box:focus {
	width: 139px;
	height: 23px;
	background: transparent url(/img/inputBack.png) no-repeat top left;
	outline: none;
}
.search button.btn {
	width: 27px;
	height: 23px;
	cursor: pointer; 
	text-indent: -9999px;
	margin-left:-5px;
	background: transparent url(/img/searchButton.png) no-repeat top right;
}
.search button.btn:hover {
	background: transparent url(/img/searchButton.png) no-repeat top right;
	margin-left:-5px;
}

/* Button 

.readmore
{
	background:url(/img/read_more.png) no-repeat top left;
	float:left;
	width:74px;
	height:27px;
	clear:both;
	padding-left:8px;
	padding-top:7px;
	margin-top:20px;}

.readmore a
{
	color:#FFF;
	text-align:center;
	font-size:12px;}
 */
/* Small Content Title	*/

.smallTitle
{
	width:249px;
	background:url(/img/titleBg.jpg) bottom left repeat-x;
	padding-bottom:20px;
}

.smallTitle h2
{
	font-size: 180%;
}

.smallTitle img
{
	float:left;
	padding-right:10px;
}

/* Big Content Title	*/

.smallTitleB
{
	width:560px;
	background:url(/img/titleBg.jpg) bottom left repeat-x;
	padding: 0px 0px 20px 0px;
	margin: -10px 0px 0px 0px;
}

.smallTitleB h2
{
	margin: 20px 0px 0px 0px;
}

.smallTitleB img
{
	float:left;
	padding-right:10px;
}

/* Contact box Content Title	*/

.smallTitleC
{
	width:259px;
	background:url(/img/titleBgC.jpg) bottom left repeat-x;
	padding-bottom:20px;
}

.smallTitleC img
{
	float:left;
	padding-right:10px;
}

/* Big Content	*/

.colBig
{
	width:590px;
	float:left;
	margin-right:30px;		
	margin-bottom:40px;

}

.colBigContent
{
	float:left;  
	margin-top:10px;
	border-right:dotted 1px #e5e5e6;  
	padding-right:30px;  
}

.videocase
{
	margin: 10px 0px 0px 0px;
}

.videocase p
{
	font-size: 125%;
}

.videocase h3
{
	margin: 10px 0px 0px 0px;
}


.aboutwhyr, .aboutwhyl
{
	margin: 0;
	height: 234px;
	min-height: 234px;
	background:url(/img/bkgd_why.jpg) top left no-repeat;
	color: #000000;
	text-align: justify;
	font-size: 125%;
	padding: 0px 15px 0px 15px;
}

.imgrighta
{
	float: right;
	margin: 4px 0px 0px 10px;
	border: solid 1px #000000;
}

.imglefta
{
	float: left;
	margin: 4px 10px 0px 0px;
	border: solid 1px #000000;
}

.h2r
{
	text-align: right;
	margin: 4px 0px 8px 0px;
}

.h2l
{
	text-align: left;
	margin: 8px 0px 4px 0px;
}

.aemph
{
	text-transform: uppercase;
	font-weight: bold;
	color: #990000;
}

.aemph20
{
	text-transform: uppercase;
	font-weight: bold;
	color: #990000;
	font-size: 120%;
}

.aempho
{
	text-transform: uppercase;
	font-weight: bold;
	color: #990000;
	font-size: 130%;
}

.aemphog
{
	font-weight: bold;
	color: #666666;
}

.colBigContent h3
{
	padding-top: 10px;
}

/*
.colBigContent li
{
	font-size:12px;
	color:#777674;
	background:url(/img/bullet.png) no-repeat center left; 
	padding-left:20px;
	float:left;
}
*/

/*  Submenu  */

#widget
{
	width: 279px;
	float: right; 
}

#widget p
{
	padding-top:10px;
}

.subWidget
{
  margin: 0px 0px 20px 0px; 
}

.subWidget h3
{
	margin: 20px 0px 0px 0px;
}
/*
.subWidget p
{
	margin: 0px 0px 0px 0px;
}
*/

.nudge
{
	margin: 0px 0px 0px 56px;
}

/* Submenu Content Title	*/

.smallTitleSub
{
	min-width:249px;
    border-bottom:dotted 1px #e5e5e6;
	padding:0px 0px 9px 0px;
}

/* Submenu Content	*/

.colSubContent
{
	padding-top:10px;
}
.colSubContent li
{  
    border-bottom:dotted 1px #e5e5e6;  
	font-size:14px; 
	color:#777674;
	padding:10px 0px 10px 15px;
	background:url(/img/bulletSub.png) no-repeat center left;
}

/*  Paragraph  */

.paragraph
{
	float:left;  
	width:235px;
	margin:30px 43px 0px 0px;
	padding:0px 0px 20px 0px;  
	border-bottom:dotted 1px #e5e5e6;
}

.paragraph img
{
	float:left;      
}

.paragraphContent
{
	width:190px;
	float:right;
	padding-left:10px;
}


.paragraphBig
{
	float:left;
	width:558px;
	margin-top:30px;
}

.paragraphContentBig
{
	float:right;
	width:340px;
	padding-left:10px;    
}

.paragraphBig img
{
	float:left;
	border:solid 4px #f5f5f5;    
}

/*  Images Caption  */

.imgTitle
{
	position:relative; 
	background:#000;
	color:#FFF;
	width:200px;
	font-size:12px;
	padding:5px;
	margin-top:-60px;
	margin-left:-10px;
    margin-bottom:22px;	 
}

.imgTitle a
{
	color:#FFF;
}

/*  Footer  */

#footer
{
	height: 175px;  
	min-height: 175px;  	
	position: relative;
	overflow: hidden;  
	border-top: dotted 1px #cecece; 
	width: 899px; 
	margin: auto; 
	background-color: transparent;
	padding: 0px 0px 20px 0px;
}

.imgleft
{
	float: left;
	margin: 0px 4px 20px 0px;
}


/*  BW Logo  */

.footerContent h3
{
	font-size: 92%;
	width: 899px;
	float: left;
	margin: 20px 0px 0px 0px;
}

/* Links and Copyright */

.copyright
{
  float: right;
}
	
/*
.copyright li
{
	float:left;
	font-size:11px;
	padding-right:10px;
}

.copyright p
{
	float:left;
	font-size:11px;
}
*/
/* Newsletter 
	
.newsletter
{
	width:279px;
	float:left;
	min-height:60px;
  padding-top:5px;
}

fieldset.newsletterSubmit {
	border: none;
	min-width: 206px;
	height:23px;
	margin-top:5px; 
	background: #e5e5e5;
}
.newsletterSubmit input, .newsletterSubmit button {
	height: 23px;
	border: none;
	float: left;
}
.newsletterSubmit input.box {
	color: #000;
	font-size: 11px;
	width: 139px;
	height: 23px;
	padding-left:5px;
	background: transparent url(/img/inputBack.png) no-repeat top left;
}
.newsletterSubmit input.box:focus {
	width: 139px;
	height: 23px;
	background: transparent url(/img/inputBack.png) no-repeat top left;
	outline: none;
}
.newsletterSubmit button.btn {
	width: 66px;
	height: 23px;
	cursor: pointer;
	text-indent: -9999px;
	margin-left:-5px;
	background: #e5e5e5 url(/img/newsletterSubscribe.jpg) no-repeat top right;
}
.newsletterSubmit button.btn:hover {
	background: #e5e5e5 url(/img/newsletterSubscribe.jpg) no-repeat top right;
	margin-left:-5px;
}
*/	

/* === Index Page  === */


/* Header */
#index_mobile {
	min-width: 899px;
	min-height: 399px;
	background: url(/img/index_mobile.jpg) no-repeat;
}

#tv_mobile {
	min-width: 560px;
	min-height: 420px;
	background: url(/img/tv_mobile.jpg) no-repeat;
}

#how_mobile {
	min-width: 560px;
	min-height: 420px;
	background: url(/img/how_mobile.jpg) no-repeat;
}

#header
{
	clear:both;
	width:899px;
	padding-top:35px;
	padding-bottom: 0px;
}

	
/*   Content   */

#content
{
	clear: both;
	padding: 35px 0px 0px 0px;
}

#content h1
{
	font-size: 160%;
}

#widget h2
{
	font-size: 160%;
}

#widget h4
{
	padding: 20px 0px 0px 0px;
	color: #333333;
}

.col
{
	width: 275px;
	float: left;
	margin: 0px 0px 20px 25px;
}

.rcol
{
	width: 275px;
	float: right;
	margin: 0px 0px 20px 0px;
}
	
.colContent, .colContentR
{
	float: left;  
	padding-right: 25px;
	min-height: 340px;
}

.colContent
{
	border-right: dotted 1px #e5e5e6;  
}

.colContent ul
{
	padding-top: 10px;	
}

.colContent li
{
	font-size:12px;
	color:#777674;
	background:url(/img/bullet.png) no-repeat center left; 
	padding-left:20px;
	float:left;
}
	
.colContent a
{
	font-size:12px;
}
	

.colContent a:hover
{
	color:#000 !important;
}
	

/*  Right Side / Contact Box  */



.rightT
{
	margin-top:4px;
	padding-top:5px;
	padding-left:10px;
	background-color:#ececec;
}
.bottomTrans
{
	height:40px;
	width:279px;	
	background:url(/img/bottomTrans.png) repeat-x bottom left;
}

.rightContent
{
	min-height: 300px;
}

.rightContent p
{
	line-height: 4em;
}	
	

/* The Nivo Slider */

.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:89;
}
.nivo-caption p {
	padding:5px;
	margin:0;
	color:#FFF;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
}
.nivo-prevNav {
	left:0px;
	background:url(/img/prev.png) no-repeat;
	width:45px;
	height:46px;
	text-indent:-9999px;
	cursor: pointer;
}

.nivo-nextNav {
	right:0px;
	background:url(/img/next.png) no-repeat;
	width:45px;
	height:46px;
	text-indent:-9999px;
	cursor: pointer;	
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav{
	position:absolute;
	left:44%;
	bottom:-30px;
	cursor: pointer;	
}

.nivo-controlNav a {
	display:block;
	width:24px;
	height:24px;
	background:url(/img/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:-24px 0;
}

#slider a{
	display:block;
}

#slider {
	position:relative;
	background:url(/img/loading.gif) no-repeat 50% 50%; 
}
#slider img {
	position:absolute;  
	top:0px;
	left:0px;
	display:none;
}

/* ===  Portfolio Page  === */


#portfolio
{
	margin:-10px 30px 30px 50px; 
}

#portfolio li
{
   float:left;
}

#portfolio img
{	
	border:solid 4px #f5f5f5;
	margin-bottom:10px;
	width:235px;
	height:144px;
}

#portfolio a:hover img 
{
	opacity: 0.4;
}

.portfolioContent
{
	float:left;
	width:243px;
	margin-right:30px;
	border-bottom:dotted 1px #e5e5e6;
	padding:20px 0px 20px 0px;
}


/* ===  Blog & Comments Page  === */

/*  Blog   */

.blogContent
{
	float:left;
	margin-top:20px;
	margin-bottom:20px;
}

.stat
{
	background-color:#f8f8f8;
	width:544px;
	margin-top:10px;
	margin-bottom:10px;
	padding:7px;
	font-size:10px;
}

.bigImg
{
	border:solid 4px #f5f5f5;
	margin-bottom:10px;
}

/*  Blog Comment  */


.comments
{
	float:left;  
	margin:30px 0px 0px 0px;
	padding:0px 0px 20px 0px;  
}

.comments p
{
	font-size:11px;
}

.commentsContent
{
	width:480px; 
	float:right;
	padding-left:10px;    
}

.stat1
{
	color:#bbbab9;
	margin-top:5px;
	margin-bottom:5px;
}

/* ===  Contact Page  === */

#contact
{
	border-top:dotted 1px #e5e5e6;
	padding-top:20px;}

#contact label {
	display: block;
	font-size: 11px;
	padding-bottom:10px;
}

/*
#contact input[type=text],
textarea {
	width: 200px;
	height: 20px;
	border: 1px solid #e5e5e5;
	margin-bottom: 27px;
	color:#000;
	font-size: 11px;
	padding: 7px 0 0 10px;
	font-family: helvetica, arial; 
}
*/

#contact input[type=text]:hover, textarea:hover, input:focus,
textarea:focus {
	background: #f7f7f7;
	outline: none; 
}

/*
#contact textarea {
	height: 150px;
	width:400px;
	float:left;
}

#container textarea {
	height: 212px; 
}


#contact input[type=submit] {
	clear:both;
	border: 1px solid #000;
	background-color:#000;
	text-align: center;
	color: #fff;
	font-size: 11px;
	width: 80px;
	padding: 12px;
	text-transform: uppercase;
	float: left;
	// repeat-x; 
	cursor: pointer; 
}
#contact input[type=submit]:hover {
	background-color:#ff7c1e;
	border: 1px solid #ff7c1e;
}
*/






#footer-base, #iconcont, #geoloc {
	display: none;
}

.shifted
{
	float: left;
	padding: 52px 0px 10px 30px;
	font-size: 180%;	
}

/**************************************/

.dashedbottom
{
	border-top: 1px dashed #cccccc;
	margin: 16px 0px 16px 0px;
}

#orderit
{
	float: right;
	margin: 36px 0px 0px 0px;
}

#orderit ul
{
	margin: 0;
	padding: 0;
	width: 260px;
	text-align: center;
	border-top: 1px solid #ccc;
}

#orderit li
{
	margin: 0; 
	padding: 0; 
	width: 260px;
	text-align: center; 
	border-bottom: 1px solid #ccc;
	list-style-type: none;
}

#orderit a
{
	display: block;
	background: #ffffff;
	color: #444444;
	text-decoration: none;
	padding: 5px 0 5px 0;
	font-size: 140%;
	font-weight: bold;	
}

#orderit a:hover
{
	/* background: #cf4a3d; */ 	
	background: #f3bb22; 
	text-decoration: none;
	color: #222222;
}

/********************/

.readmore
{
	float: right;
	margin: 10px 30px 0px 0px;
}

.readmore ul
{
	margin: 0;
	padding: 0;
	width: 250px;
	text-align: center;
	border-top: 1px solid #ccc;

}

.readmore li
{
	margin: 0; 
	padding: 0; 
	width: 250px;
	text-align: center; 
	border-bottom: 1px solid #ccc;
	list-style-type: none;
}

.readmore a
{
	display: block;
	background: #ffffff;
	color: #444444;
	text-decoration: none;
	padding: 5px 0 5px 0;
	font-size: 110%;
	font-weight: bold;
}

.readmore a:hover
{
	/* background: #cf4a3d;  */
	background: #f3bb22; 
	text-decoration: none;
	color: #222222;
}


/******************************************/

#apptab
{
	width: 560px;
	border: 1px solid #c4c4c4;
	overflow: hidden;
	margin: 20px 0px 0px 0px;

}

#apptab.contab
{
	font-size: 100%;
}

table.contab td
{
	padding: 3px;
}

#apptab tbody tr.odd td
{
	background-color: #edf4ff;
}

#apptab tbody tr.even td
{
	background-color: #fed222;
}

.appbq1
{
	text-align: justify;
	padding: 15px;
}

.appcontent
{
	width: 500px;
	text-align: justify;
}


.appselect
{
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #333333;
	border: 1px solid #333333;
	background-position: center;
	background-color: #ffffff;
	margin: 0;
	padding: 2px 2px 2px 2px;
}


.appinput_20
{
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #222222;
	border: 1px solid #111111;
	width: 23px;
	padding: 3px 2px 3px 2px;
	background-color: #ffffff;
}

.appinput_30
{
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #222222;
	border: 1px solid #111111;
	width: 27px;
	padding: 3px 2px 3px 2px;
	background-color: #ffffff;
}

.appinput_40
{
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #222222;
	border: 1px solid #111111;
	width: 29px;
	padding: 3px 2px 3px 2px;
	background-color: #ffffff;
}

.appinput_50
{
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #222222;
	border: 1px solid #111111;
	width: 35px;
	padding: 3px 2px 3px 2px;
	background-color: #ffffff;
}

.appinput_60
{
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #222222;
	border: 1px solid #111111;
	width: 45px;
	padding: 3px 2px 3px 2px;
	background-color: #ffffff;
}

.appinput_80
{
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #222222;
	border: 1px solid #111111;
	width: 55px;
	padding: 3px 2px 3px 2px;
	background-color:  #ffffff;
}

.appinput_100
{
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #222222;
	border: 1px solid #111111;
	width: 100px;
	padding: 3px 2px 3px 2px;
	background-color: #ffffff;
}

.appinput_120
{
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #222222;
	border: 1px solid #111111;
	width: 120px;
	padding: 3px 2px 3px 2px;
	background-color: #ffffff;
}

.appinput_180
{
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #222222;
	border: 1px solid #111111;
	width: 180px;
	padding: 3px 2px 3px 2px;
	background-color: #ffffff;
}

.appinput_220
{
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #222222;
	border: 1px solid #111111;
	width: 220px;
	padding: 3px 2px 3px 2px;
	background-color: #ffffff;
}

.appinput_360
{
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #222222;
	border: 1px solid #111111;
	width: 360px;
	padding: 3px 2px 3px 2px;
	background-color: #ffffff;
}



#addit
{
	margin: 36px 0px 0px 0px;
	width: 220px;
}



#addit ul
{
	width: 220px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#addit li
{
	width: 220px;
	margin: 0 auto; 
	padding: 0; 
	text-align: center; 
	/* border-bottom: 1px solid #ff0000; */
	list-style-type: none;
}

#addit a
{
	width: 220px;
	margin: 0 auto;
	display: block;
	background: #ffffff;
	color: #444444;
	text-decoration: none;
	padding: 5px 0 5px 0;
	font-size: 100%;
	font-weight: bold;
}

#addit a:hover
{
	/* background: #cf4a3d;  */
	background: #f3bb22; 
	text-decoration: none;
	color: #222222;
}

.msgdiv
{
	text-align: right;
	vertical-align: top;
}


.itsok
{
	font-size: 10px;
	color: #000033;
}

.req
{
	font-size: 12px;
	color: #ff0000;
}

.nums
{
  list-style-type: decimal;
	width: 440px;
	margin: 0px 0px 12px 34px;
}

.strike
{
	text-decoration: line-through;
	color: #222222;
}

.tax
{
	font-size: 80%;
	color: #666666;
}

.tax
{
	font-size: 80%;
	color: #666666;
}

.buyit
{
	color: #f3bb22;
	font-weight: bold;
}

.thisweek
{
	font-size: 120%;
	font-weight: bold;
	color: #990000;
}

.price
{
	font-weight: bold;
	color: #FF0000;
	text-transform: uppercase;
}