/*
References for type sizing:
	9px		= 0.56em
	10px	= 0.63em
	11px	= 0.69em
	12px	= 0.75em
	14px	= 0.88em
	16px	= 1em
	18px	= 1.13em
	24px	= 1.50em
	30px	= 1.88em
	36px	= 2.25em
	48px	= 3.00em
	60px	= 3.75em
	72px	= 4.50em
*/



body {
	border-width: 0px;
	color: #333333;
	font-family: Arial, Helvetica-Conth;
	font-size: 1em;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	/*background-repeat: no-repeat;
	background-image: url(sky.jpg);
	background-position: center top;*/
	font-weight: bold;
	background-attachment: scroll;

}

h1 {
	color: #333333;
	font-family: Arial;
	font-size: 22px;
	font-weight: bold;
	margin-left: 20px;
	margin-top: 15px;
}

h2 {
	font-family: Arial;
	font-size: 0.80em;
	color: #333333;
	font-weight: normal;
	margin-left: 20px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-top: 0px;
	padding: 0px;
}

h3 {
	font-family: Arial;
	font-size: 0.69em;
	color: #333333;
	font-weight: normal;
	margin-left: 10px;
	margin-right: 10px;
}

h4 {
	color: #808000;
	font-family: Arial;
	font-size: 9px;
	padding-right: 25px;
}

h5 {
	color: #808000;
	font-family: Arial;
	font-size: 9px;
	margin-top: 10px;
}

h6 {
	color: #8080CC;
	font-family: Arial;
	font-size: 9px;
}


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

a:visited {
	color: #333333;
	text-decoration: none;
}

a:hover {
	color: #000000;
	cursor: hand;
	text-decoration: underline;
}

a:active {
	color: #333333;
	text-decoration: none;
}

#header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	background-image: url(top_logo_8.jpg);
	background-repeat: no-repeat;
	height: 165px;
	text-align: center;
	vertical-align: top;
	width: 1000px;
	margin: 0 auto;
	}

#container {
	width:1000px;
	padding: 0px;
	margin: 0 auto;
	}


#flash {
	width: 1000px;
	margin: 0 auto;
	/*position:absolute; */
	z-index:-100;
	padding-top:20px;
	
	}

/* Navigation */

.buypanel {
	background-image: url(buypanel.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width: 590px;
	height: 175px;
	padding: 90px 0px 0px 0px;
	margin: 0px;
}

#nav {margin-left:0px; padding: 10px 0px 10px 0px;}
/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/multi-column.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#nav {height: 41px; float:left; padding:0px 0px 0px 0px; background:#666 ; font-family:arial, sans-serif; width: 100%;}

#menu {height:41px;position:relative;font-size:1.2em; margin: 0; /*z-index:1;*/ background:#666; float:left; padding-right:0px;}
#menu table.ie6 {border-collapse:collapse; margin:0; padding:0;}

#menu ul {padding:0; margin:0; list-style: none;}
#menu ul li {float:left;}
#menu ul li a {display:block; float:left;padding:0 15px 0 0;text-decoration:none; color:#fff; font-weight:bold; height:41px;line-height:40px;font-size:0.9em; background:url(multicolumn/tabCenter.gif) no-repeat right top;}
#menu ul li a b {display:block; float:left;padding:0 0 0 15px; text-decoration:none; color:#fff; font-weight:bold; height:41px;line-height:40px;font-size:0.9em;background:url(multicolumn/tabCenter.gif) no-repeat left top; cursor:pointer;}

#menu ul li div.holder {position:absolute; left:-9999px;}

#menu ul li div .leftSide {float:left;background: #2580a2 url(multicolumn/dropLeft.gif) no-repeat left bottom;}
#menu ul li div .rightSide {float:left; margin-left:10px; display:inline; padding:0 10px 0 0; background: #d4d4d4;}

#menu ul li:hover {position:relative;}
#menu ul li a:hover {color:#fff; background-position:right center; white-space:nowrap; position:relative;}
#menu ul li a:hover b {color:#fff; background-position:left center;}
#menu ul li a.sub:hover {color:#fff; background-position:right bottom; white-space:nowrap; position:relative;}
#menu ul li a.sub:hover b {color:#fff; background-position:left bottom;}

#menu ul li:hover > a {color:#fff; position:relative; background: #2580a2;}
#menu ul li:hover a.sub {color:#fff; background-position:right bottom; white-space:nowrap; position:relative;}
#menu ul li:hover a.sub > b {color:#fff; background-position:left bottom;}

#menu ul :hover div.holder {position:absolute; top:41px; left:4px; margin: 0; padding: 0;}

#menu ul li.right a:hover div.holder {left:auto; right:3px; top:41px;}
#menu ul li.right:hover div.holder {left:auto; right:4px; top:41px;}

#menu ul dl {width:auto; margin:5px 0 10px 0; padding:0 5px;list-style:none;}
#menu ul dl dt {padding:2px 10px; margin:0; line-height:24px; background:#2580a2; color:#fff; white-space:nowrap; font-size:85%;}
#menu ul dl dd {display:block; padding:0; margin:0;}
#menu ul dd a {background-image: none; display:block; height: 20px; line-height: 20px; color:#421; text-align:left; margin: 0; padding:0 10px;font-weight:normal; white-space:nowrap; float:none; font-size: 85%;}
#menu ul dd a:hover {color:#2580a2;}

#menu ul table td {vertical-align:top;}

div.bsap_1242022 {width:100%;display:block;} div.bsap_1242022 a{width:468px;} div.bsap_1242022 a img{padding:0;} div.bsap_1242022 a em{font-style:normal;} div.bsap_1242022 a{display:block;font-size:0.8em;color:#888;font-family:verdana,sans-serif;margin:0;text-align:center;text-decoration:none;overflow:hidden; float:left;} div.bsap_1242022 img{border:0;} div.bsap_1242022 a.adhere{color:#666;font-weight:bold;font-size:0.8em;background:#f8f8f8;text-align:center;} div.bsap_1242022 a.adhere:hover{background:#ddd;color:#333;} div.bsap_1242022 a.adhere{width:468px;height:60px;line-height:480%;} html>body div.bsap_1242022 a.adhere{width:466px;height:58px;} div.bsap_1242022 img.s{height:0;width:0;}div#bsap_1242022 {width:100%;display:block;} div#bsap_1242022 a{width:468px;} div#bsap_1242022 a img{padding:0;} div#bsap_1242022 a em{font-style:normal;} div#bsap_1242022 a{display:block;font-size:0.8em;color:#888;font-family:verdana,sans-serif;margin:0;text-align:center;text-decoration:none;overflow:hidden; float:left;} div#bsap_1242022 img{border:0;} div#bsap_1242022 a.adhere{color:#666;font-weight:bold;font-size:0.8em;background:#f8f8f8;text-align:center;} div#bsap_1242022 a.adhere:hover{background:#ddd;color:#333;} div#bsap_1242022 a.adhere{width:468px;height:60px;line-height:480%;} html>body div#bsap_1242022 a.adhere{width:466px;height:58px;} div#bsap_1242022 img.s{height:0;width:0;}

div.bsap_1241863 {width:100%;display:block;} div.bsap_1241863 a{width:220px;} div.bsap_1241863 a img{padding:0;} div.bsap_1241863 a em{font-style:normal;} div.bsap_1241863 a{display:block;font-size:0.8em;color:#888;font-family:verdana,sans-serif;margin:0;text-align:center;text-decoration:none;overflow:hidden;} div.bsap_1241863 img{border:0; margin-bottom:8px;} div.bsap_1241863 a.adhere{color:#666;font-weight:bold;font-size:0.8em;border:1px solid #ddd;background:#f8f8f8;text-align:center;} div.bsap_1241863 a.adhere:hover{border:1px solid #999;background:#ddd;color:#333;} div.bsap_1241863 a.adhere{width:220px;height:100px;line-height:800%;} html>body div.bsap_1241863 a.adhere{width:218px;height:98px;} div.bsap_1241863 img.s{height:0;width:0;}div#bsap_1241863 {width:100%;display:block;} div#bsap_1241863 a{width:220px;} div#bsap_1241863 a img{padding:0;} div#bsap_1241863 a em{font-style:normal;} div#bsap_1241863 a{display:block;font-size:0.8em;color:#888;font-family:verdana,sans-serif;margin:0;text-align:center;text-decoration:none;overflow:hidden;} div#bsap_1241863 img{border:0; margin-bottom:8px;} div#bsap_1241863 a.adhere{color:#666;font-weight:bold;font-size:0.8em;border:1px solid #ddd;background:#f8f8f8;text-align:center;} div#bsap_1241863 a.adhere:hover{border:1px solid #999;background:#ddd;color:#333;} div#bsap_1241863 a.adhere{width:220px;height:100px;line-height:800%;} html>body div#bsap_1241863 a.adhere{width:218px;height:98px;} div#bsap_1241863 img.s{height:0;width:0;}


	

#slideshow {
	height:300px;
	width: 1000px;
	/*background-image: url(slides/1.jpg);
	background-repeat: no-repeat;*/
	z-index: -1;
	position: relative;
	margin-top: 30px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow2 IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}


#slideshow IMG.active {
    z-index:10;
}

#slideshow2 IMG.active {
    z-index:10;
}


#slideshow IMG.last-active {
    z-index:9;
}

#slideshow2 IMG.last-active {
    z-index:9;
}

		


#maincontainer{
width: 1000px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
padding-top: 20px;

}

#topsection{
height: 325px; /*Height of top section on front page*/
}

#topsection2{
height: 210px; /*Height of top section for all other pages*/
}

#topsection h1{
margin: 0;
padding-top: 0px;
}

#contentwrapper{
float: left;
width: 1000px;
background-color: #ffffff;
/*background: url(pageheader2.png) no-repeat;
border-left: 1px solid #999999;
border-right: 1px solid #999999;
border-bottom: 1px solid #999999;
border-top: 0;*/
/*margin-top: 20px;*/
}

#contentcolumn{
margin: 0 200px 0 200px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
background-color: #ffffff;
border-right: #666666 1px dashed;
border-left: #666666 1px dashed;
}

#contentcolumn2{
margin: 0 20px 0 200px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
background-color: #ffffff;
/*border-right: #cccc66 1px dashed;*/
border-left: #666666 1px dashed;
}

#contentcolumn3{
margin: 0 60px 0 200px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
background-color: #ffffff;
/*border-right: #cccc66 1px dashed;*/
border-left: #666666 1px dashed;
}


#leftcolumn{
float: left;
width: 190px; /*Width of left column in pixel*/
margin-left: -1000px; /*Set margin to that of -(MainContainerWidth)*/
/*background: #f5f5f5;*/
text-align: left;
padding-top: 0px;
padding-left: 0px;
padding-right: 5px;
/*background: #ffffff;*/
margin-top: 20px;;
/*margin-left: 5px;*/
}

#rightcolumn{
float: left;
width: 197px; /*Width of right column*/
margin-left: -200px; /*Set left margin to -(RightColumnWidth)*/
/*background: #fffafa;*/
padding-top: 20px;
padding-right: 0px;
}

#footer{
	clear: left;
	width: 950px;
	color: #FFF;
	text-align: center;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 5px;
	/*border: 15px solid #ffffff;*/
	}

#footer a{
color: #666666;
}

.innertube{
margin: 2px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}


.buynow {
	background-image: url(buynowbox.jpg);
	background-repeat: no-repeat;
	height: 86px;
	width: 181px;
	padding: 10px;
	font-family: Arial, Helvetica-Conth;
	font-size: 0.75em;
	margin-left: 6px;
}	

.info {
	background-image: url(delivery.png);
	background-repeat: no-repeat;
	height: 86px;
	width: 181px;
	padding: 10px 10px 10px 10px;
	font-family: Arial, Helvetica-Conth;
	font-size: 0.75em;
	margin-left: 5px;
}


/*start of photo jquery*/


	

	pre 										  {background:#eee; margin:0 0 20px; padding:20px; border:1px solid #ccc; font-size:100%; overflow:auto;}
	code										  {font-size:100%; margin:0; padding:0;}
	ul, ol									  {margin:10px 0 10px 25px;}
	ol li										  {margin:0 0 10px;}
                            
  div#photos                {overflow:auto;}
  div.photo                 {float:left; display:inline; margin:0 0px 5px 0;}
  div.photo a img           {border:0px solid; padding:1px;}
  p#int1_caption         {margin:5px 0 0;}
  
  div#text a                {font-weight:bold;}
  
  div#zoom h2               {margin:10px 0 10px;}
  div#zoom p                {line-height:1.6;}
div#wrapperbox 							{background:#fff; width:560px; margin:0 auto; padding:20px; border:10px solid #bc8c46; border-width:0 10px;}
	
	

.bottomborder {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	background-color: #CCCCaa;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	border-top-color: #666666;
	line-height: 30px;
	margin: 0px;
	padding: 0px;
	height: 235px;
	width: 225px;
}

.bottomborder:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #ffffff;
	/*background-color: #2580a2;*/
	background-image: url(cellback.jpg);
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	border-top-color: #666666;
	line-height: 30px;
	margin: 0px;
	padding: 0px;
	height: 235px;
	width: 225px;
}

.title {
	font-family: Arial;
	font-size: 0.8em;
	color: #333333;
	font-weight: bold;
	margin-left: 20px;
	margin-right: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #990000;
}

.contact {
	background-image: url(email.jpg);
	background-repeat: no-repeat;
	/*height: 200px;*/
	width: 175px;
	padding: 100px 10px 10px 10px;
	font-family: Arial, Helvetica-Conth;
	font-size: 0.75em;
	margin-left: 5px;
}

IMG {border: 0}


#frontcontainer {
width: 1000px;
margin: 0 auto;
display: inline-block;
padding: 0px;
overflow-x:hidden;
}

#frontleft {
width: 490px;
float: left;
background: #f5f5f5 url(leftboxback.gif) no-repeat;
padding-top: 10px;
height: 220px;
border: #d4d4d4 solid 1px;
display: inline;
}

#frontright {
	width: 489px;
	float: none;
	background: #66cccc url(rightback2.jpg) no-repeat;
	margin-left: 507px;
	height: 220px;
	padding-top: 10px;
	border: #d4d4d4 solid 1px;
}

#survey {
width: 700px;
margin: 0px auto;
}

#sidebar h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	margin: 5px 0 0;
	padding: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}
	
#sidebar ul ul, #sidebar ul o {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	margin: 5px 0 0;
	padding: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}
	
/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */		
	
	
	
/* CSS for All the Menus START  ---------------------------------------------------------------------------------------------------*/
ul.ws_css_cb_menu {
	/*background-image:url('http://www.wittysparks.com/wp-content/themes/wp-max/images/menu_bg.gif');
	background-repeat:repeat-x;
	background-position: left;*/
	width:998px;
	font:bold normal 1.5em Arial, Helvetica, sans-serif;
	display:block;
	float: left;
	height:40px;
}
ul.ws_css_cb_menu li {
	display:block;
	margin:2px 0px 0px 2px;
	float:left;
}
ul.ws_css_cb_menu a:hover ul, ul.ws_css_cb_menu a:hover a:hover ul, ul.ws_css_cb_menu a:hover a:hover a:hover ul {
	display:block;
}
ul.ws_css_cb_menu a {
	display:block;
	vertical-align:middle;
	border-width:0px;
	border-color:#6655ff;
	border-style:solid;
	padding:2px;
	_padding-left:0;
	color: #ffffff;
	text-decoration:none;
	text-align:left;
}
ul.ws_css_cb_menu span {
	overflow:hidden;
}
ul.ws_css_cb_menu li a:hover, ul.ws_css_cb_menu li a {
	padding:9px;
	color:#ffffff
}
ul.ws_css_cb_menum li a:hover, ul.ws_css_cb_menum li a {
	padding:4px;
	font-weight: normal;
	color: #000
}
ul.ws_css_cb_menu ul {
	position: absolute;
	left:-1px;
	top:98%;
	width:160.65px;
/*	border-left:1px solid #d5a000;
	border-bottom:3px solid #d5a000;
	border-right:3px solid #d5a000;
	border-top:0px;*/
	background-color:#ffffff;
}
ul.ws_css_cb_menu ul ul {
	position: absolute;
	left:98%;
	top:-2px;
}
ul.ws_css_cb_menu, ul.ws_css_cb_menu ul {
	margin:0px;
	list-style:none;
	padding:0px 2px 2px 0px;
}
ul.ws_css_cb_menu a:active, ul.ws_css_cb_menu a:focus {
	outline-style:none;
}
ul.ws_css_cb_menu ul li {
	float: left;
	width: 150px;
}
ul.ws_css_cb_menu ul a {
	white-space:nowrap;
	text-align:left;
}
ul.ws_css_cb_menu li:hover {
	position:relative;
}
ul.ws_css_cb_menu li:hover>a {
	background-color:#fff;
	color: #000;
	border-color:#000000;
	border-style:solid;
	text-decoration:none;
}
ul.ws_css_cb_menu li a:hover {
	position:relative;
	background-color:#fff;
	color: #000;
	text-decoration:none;
	border-color:#2580a2;
	border-style:solid;
}
ul.ws_css_cb_menum li a:hover {
	background-color: #2580a2
	/*padding: 3px 0px 3px 0px;*/
}
ul.ws_css_cb_menu img {
	border: none;
	float:left;
	margin-right:4px;
	width:16px;
	height:16px;
}
ul.ws_css_cb_menu ul img {
	width:16px;
	height:16px;
}
ul.ws_css_cb_menu ul, ul.ws_css_cb_menu a:hover ul ul {
	display:none;
	z-index:99999;
}
ul.ws_css_cb_menu li:hover>ul {
	display:block
}
ul.ws_css_cb_menu span {
	display:block;
	padding-right:11px;
	/*background-image:url('http://www.wittysparks.com/wp-content/themes/wp-max/images/arrow_down.gif');
	background-position:right center;
	background-repeat: no-repeat;*/
}
/* CSS for TABLE Tags for IE 6 and Lower START */
ul.ws_css_cb_menu li a table, ul.ws_css_cb_menu li a:hover table {
	border-collapse:collapse;
	margin:-4px 0px 0px -9px;
	border:0px;
	padding:0px;
}
ul.ws_css_cb_menu li a table tr td, ul.ws_css_cb_menu li a:hover table tr td {
	padding:0px;
	border:0px;
}
ul.ws_css_cb_menu li a table ul, ul.ws_css_cb_menu li a:hover table ul {
	border-collapse:collapse;
	padding:0px;
	margin:-4px 0px 0px -9px;
}
ul.ws_css_cb_menu ul span, ul.ws_css_cb_menu a:hover table span {
	background-image:url('http://www.wittysparks.com/wp-content/themes/wp-max/images/arrow_down.gif');
}
ul.ws_css_cb_menu table a:hover span, ul.ws_css_cb_menu table a:hover a:hover span, ul.ws_css_cb_menu table a:hover a:hover a:hover span {
	background-image:url('http://www.wittysparks.com/wp-content/themes/wp-max/images/arrow_down.gif');
}
ul.ws_css_cb_menu table a:hover table span, ul.ws_css_cb_menu table a:hover a:hover table span {
	background-image:url('http://www.wittysparks.com/wp-content/themes/wp-max/images/arrow_down.gif');
}
/* CSS for TABLE Tags for IE 6 and Lower END */
/* CSS for All the Menus END */

/* Video Menu Starts - Our Second Menu, by using the above class - this is just to change the colors and the height, width of the menu */
ul.videoCssMenu {
	font-size: 1.0em;
	/*background-image:url('menubg.jpg');*/
	background-color: #2580a2;
	-moz-border-radius: 0px;
	-webkit-border:0px;
	border:0px;
}
ul.videoCssMenu .videoMenuTitleImage {
	margin: -2px 0px 0px -2px;
	width:79px;
	height:30px;
}
ul.videoCssMenu ul {
	left:0px;
	background-color: #2580a2;
	width:280px;
	border-left:0px;
	/*border-bottom:3px solid #2580a2;
	border-right:3px solid #2580a2;*/
}
ul.videoCssMenu li a {
	padding:5px !important;
	color:#fff;
}
ul.videoCssMenu ul li a {
	color: #fff;
}
ul.videoCssMenu ul li {
	width:135px;
	float: left;
	height: 27px;
}
ul.videoCssMenu li:hover>a, ul.videoCssMenu li a:hover {
	background-color:#ffffff;
	border-color:#fff;
	padding:5px !important;
	color:#000;
}
ul.videoCssMenu li ul li:hover>a, ul.videoCssMenu li ul li a:hover {
	background-color:#ffffff;
	border-color:#fff;
	padding:5px;
	color:#000;
}

<!-- People Say this method is CSS HACK for IE 6, but its not - this method is by using Conditional Comments //-->
<!-- For IE 6 by using Conditional Comments START //-->
<!--[if lte IE 6]> <style> ul.videoCssMenu ul { top:120%; left: 4px; } ul.videoCssMenu li a:hover { background-color: #c8703c; } ul.videoCssMenu li ul li a:hover { background-color:#ecb899;}</style> <![endif]-->
<!-- For IE 6 by using Conditional Comments END //-->
	


#mainnavigation {
width: 1000px;
margin: 0px auto;
padding: 0px 0px 0px 0px;
z-index: 1;
}