/* layout styles **********************************************************************************/

html, body {  background: url(../images/background.jpg) #f4f4f4 repeat-x; border-top: 0px solid #000; color: #333; padding: 5px 0 10px; color: #000; font: 14px/1.5 Arial, Helvetica, sans-serif; font-style: normal; font-variant: normal; font-weight: normal;}

#nobg { background: #fff !important; background-image: none !important; width: 100%; height: 100%; padding: 0px;}
#nobg ul li { list-style-image: url(../images/icons/check.png); margin-left: 50px; padding-top: 5px; padding-bottom: 5px;}
#nobg .container_12 {width: 90%; padding: 15px;}

sup {vertical-align:super; line-height: normal;}

a { color: #fff; text-decoration: none; outline: none; border: none; }
a:hover, a:visited, a:active { border: none; outline: none; }
a img { outline: none; border: none; }
.sidebox ul li { list-style-image: url(../images/icons/check.png); margin-left: 50px; padding-top: 5px; padding-bottom: 5px;}
.sidebox ul.linklist li{ list-style-image: url(../images/icons/checklist.png); }
.sidebox ul.faq li{ list-style-image: url(../images/icons/question.png); }
.sidebox ul.links li{ list-style-image: url(../images/icons/links.png); }
a:hover { text-decoration: none; }

#social { text-align: right; float: right;}
h1#logo { float: left; }
p#icons { text-align: right; background: none; margin-right: 20px;}

.pageheader  {font-size: 18px !important; font-style: normal !important; font-weight: bold !important; margin-top: 20px;}

#dyna { text-align: right;}

#dynatip {
	display:none;
	z-index: 9999;
	background:transparent url(../images/black_arrow.png);
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;	
}
 
/* style the trigger elements */
#dyna img {
	border:0;
	cursor:pointer;
	margin:0;
}


/* override the arrow image of the tooltip */
#dynatip.bottom {
	background:url(../images/black_arrow_bottom.png);	
	padding-top:40px;
	height:55px;
}
 
#dynatip.bottom {
	background:url(../images/black_arrow_bottom.png);
}



h2 { padding: 20px 0 0; }
p { border: 0px solid #666; overflow: hidden; padding: 5px 0; text-align: justify; }
.sidebox { background: none; }
.sidebox2 { background: none; }
.boxhead { background: url(../images/content_top.png) no-repeat center; margin: 0; padding: 0; height: 40px; }
.boxhead2 { background: url(../images/content_top.png) no-repeat center; margin: 0; padding: 0; height: 40px; }
.boxhead h2 { padding: 0px 30px 0px; }
.boxbody { background: url(../images/content_mid.png) repeat-y center; margin: 0; min-height: 450px; height: auto!important; padding: 5px 30px 31px; }
.boxbody2 { background: url(../images/content_mid.png) repeat-y center; margin: 0; min-height: 550px; height: auto!important; padding: 5px 30px 31px; }
.boxbody h1 { color: #333; font-style: italic; font-size: 14px; font-weight: normal;}
.boxbody img.thumb{ padding: 0px 0 15px 15px; float: right; }
.boxbody ul { padding-bottom: 15px; padding-top: 5px;}
.boxbottom { background: url(../images/content_bottom.png) no-repeat center; height: 25px; }
p#footer { font-size: 11px; text-align: right; padding: 0; margin: 0; height: 24px; color: #999; }
.padded { padding: 0 10px 0 0px;}
p#footer_left { font-size: 11px; text-align: left; margin: -5px 0 0 0;  color: #999; }
a#robshull { height: 24px !important; width: 24px; padding: 0; display: block; float: right; overflow: hidden; background: url(../images/icons/robshull.png) no-repeat 0 0; color: red;}
a:hover#robshull { background-position: 0 -24px; }
a#order-online { height: 80px !important; width: 346px; padding: 0; display: block; float: right; overflow: hidden; background: url(../images/ordering/order-online.png) no-repeat 0 0; color: red;}
a#order-online-sm { height: 58px !important; width: 250px; padding: 0; display: block; float: right; overflow: hidden; background: url(../images/ordering/order-online-sm.png) no-repeat 0 0; color: red;}
a:hover#order-online { background-position: 0 -83px; }
a:hover#order-online-sm { background-position: 0 -61px; }
.container_12 { margin-bottom: 20px; }
#main_content { background: #ededed; }
.clear { clear: both; }


h1#banner { font-weight: bold; margin: .25em 0 1.5em; padding: 5px 0;}

/* text styles ***********************************************************************************/
a.scrolltop { display:block; float: right; }
.scrolltop span { position: absolute; margin-left: -20px; font-size: 11px;}
.scrolltop img { border: 0; margin-top: -8px }

/* html **********************************************************************************/
a:focus { }
ul.slidelist { color: #c1cad1; font-size: 14px; font-weight: bold; }
a:hover { color: #1b4060; }
hr { border: 0 #ccc solid; border-top-width: 1px; clear: both; height: 0; }
/* headings **********************************************************************************/
h1 { font-size: 14px; font-weight: normal; font-family: Arial, Helvetica, sans-serif; text-align: left; color: #000; }
h2 { font-size: 18px; font-style: italic; }
h3 { font-size: 14px; color: #000; font-weight: normal;}
h4 { font-size: 14px; font-weight: normal; text-align: center;}
h5 { font-size: 17px; }
h6 { font-size: 15px; }
/* spacing **********************************************************************************/
ol { list-style: decimal; }
ul { list-style: none; }
li { margin-left: 30px; }
p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset { margin-bottom: 10px; }


/* menu styles **********************************************************************************/

/* hack reset (for production, use Yahoo! reset CSS)
*************************/
* { margin: 0; padding: 0; }
/* links
*************************/
a:link, a:visited, a:hover, a:active { text-decoration: none; }
/* inline elements
*************************/
strong { font-weight: bold; }
/* tabs
*************************/
ul.menutabs { display: table; margin: 0; padding: 0; list-style: none; position: relative; }
ul.menutabs li { margin: 0; padding: 0; list-style: none; display: table-cell; float: left; position: relative; }
ul.menutabs a { position: relative; display: block; }
/* menu-specifc
*************************/
#menu { z-index: 5; font-size: 14px; width: 960px; height: 40px; line-height: 40px; background: #ffb35a url(../images/topbg.gif) repeat-x; border-bottom: 1px solid #8b949e; border-top: 1px solid #8b949e; border-left: 1px solid #8b949e; border-right: 1px solid #8b949e;}
#menu ul { margin: 0 auto;}
/*#menu ul { margin: 0 auto; float: right; }*/
#menu ul li h4 { margin: 0; }
#menu ul li h4 a { font-size: 14px; color: #000; font-weight: bold; padding: 0 15px; }
#menu ul li a { color: #000; padding-left: 4px; height: 40px; }
#menu ul li a img { vertical-align: middle; }
#menu ul li a:hover { background: url(images/../topselectionleft.png) top left no-repeat; height: 40px; }
#menu ul li a span { display: block; padding: 0 15px 0 11px; }
#menu ul li a:hover span { background: url(../images/topselectionright.png) top right; }
#menu ul li.current a span { background: url(../images/topselectionright.png) top right; }
#menu ul li h4 a:hover { background-image: none; }

#slogan { margin-top: 40px;}
#slogan h1 { font-style: italic; font-size: 16px;}



/*
    anythingSlider v1.0

*/


.anythingSlider                         { width: 1060px; height: 259px; position: relative; margin: 0px -60px;}
.anythingSlider .wrapper                { width: 960px; overflow: hidden; height: 259px; margin:0px 50px; position: absolute; top: 0; left: 0; }
.anythingSlider .wrapper ul             { width: 99999px; list-style: none; position: absolute; top: 0; left: 0; background: none; border-top: 1px solid #333333; border-bottom: 1px solid #333333; margin: 0;}
.anythingSlider ul li                   { display: block; float: left; padding: 0; height: 259px; width: 960px; margin: 0; }
.anythingSlider ul li p                 { font-size: 14px; font-weight: bold; font-style: italic; color: #ededed; padding: 5px; float: left; position: absolute; margin-top: 215px;}
.anythingSlider .arrow                  { display: block; height: 200px; width: 67px; background: url(../images/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 65px; cursor: pointer; }
.anythingSlider .forward                { background-position: 0 0; right: -20px; }
.anythingSlider .back                   { background-position: -67px 0; left: -20px; }
.anythingSlider .forward:hover          { background-position: 0 -200px; }
.anythingSlider .back:hover             { background-position: -67px -200px; }

#thumbNav                               { position: relative; top: 227px; text-align: center; z-index: 9999; visibility: hidden;}
#thumbNav a                             { color: black; font: 11px/18px Georgia, Serif; display: inline-block; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; background: #c58b04 url(../images/cellshade.png) repeat-x; text-align: center; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#thumbNav a:hover                       { background-image: none; }
#thumbNav a.cur                         { background: #e0a213; }

#start-stop                             {  background-image: url(../images/button.png); background-repeat: no-repeat; color: white; padding: 2px 0px; width: 50px; height: 25px; text-align: center; position: absolute; right: 49px; top: 227px;  z-index: 9999;}
#start-stop.playing                     { background-color: none; }
#start-stop:hover                       { background-image: url(../images/button_over.png); background-repeat: no-repeat; }

/*
  Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }




#dl                                     { position: absolute; top: 10px; right: 0; background: black; color: white; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 3px 6px; }
#dl:hover                               { background: #666; }



/*
    For Specific Slides
*/
#textSlide                              { padding: 10px 30px;}
#textSlide h3                           { font: 20px Georgia, Serif; }
#textSlide h4                           { text-transform: uppercase; font: 15px Georgia, Serif; margin: 10px 0; }
#textSlide ul                           { list-style: disc; margin: 0 0 0 25px; }
#textSlide ul li                        { display: list-item; }

#quoteSlide                             { padding: 30px; }
#quoteSlide blockquote                  { font: italic 24px/1.5 Georgia, Serif; text-align: center; color: #444; margin: 0 0 10px 0; }
#quoteSlide p                           { text-align: center; }

strong { font-weight: bold; }
em { font-style: italic; line-height: 1.75em; }
p { font-size: 1em; line-height: 1.75em; margin: .25em 0 1.5em; }
a { color: #0e82c7; text-decoration: none; font-size: inherit; font-weight: inherit; }





		/*	form - Form Style	*/
	
	form {
	  padding: 15px;
	  margin:0;
	  background: url(../images/cmxform-fieldset.gif) repeat-x #ccc;
	  border: 1px solid silver;
	}
	form p{
		padding:0;
		margin:0;
	}
	
	label {
	color:#404345;
	  float: left;
	  width: 80px;
	  padding: 6px 0 0 0;
	  padding-right: 1px;
	  padding-left: 0px;
	}
	
	input {
	  background: url('../images/contact-input.jpg') repeat-x #e3e3e3;
	  border: 1px solid #e3e3e3;
	  padding: 4px;
	  font: 400 12px Arial, Georgia, sans-serif;
	  color: #404040;
	  margin-bottom: 12px;
	}
	
	select {
		margin-bottom: 12px;
	}
	
	textarea{
	  background: url('../images/contact-textarea.jpg') repeat-x #e3e3e3;
	  border: 1px solid #e3e3e3;
	  padding: 4px;
	  font: 400 12px Arial, Georgia, sans-serif;
	  color: #404040;
	  margin-bottom: 12px;
	}
	

	input:focus,
	textarea:focus{  
	  color: #404040;
	  background:#e3e3e3;
	  border:1px dashed #c6c4c4;
	}
	#name, #email, #subject{
		width:340px;
	}
	#message{
		width:450px;
		height:80px;
	}
	input.button {
	  padding: 3px 14px;
	  font: bold 1.0em Arial, Georgia;
	  cursor: pointer;
	  color: #3c3c3c;
	  border-width: 1px;
	  border-style: solid;
	  border-color: #fff #c2c2c2 #c2c2c2  #fff;
	}
	
	p#bademail, p#badserver {
		padding: 4px 0px;
		background: #999999;
		border: 1px solid #404040;
		color: #fff;
		font-weight: bold;
		margin-bottom: 6px;
		margin-left: 81px;
		text-align: center;
		width:347px;
		display:none;
			}
			
	p#success {
		padding: 4px 0px;
		background: #2e2e2e;
		border: 1px solid #4f4f4f;
		color: #fff;
		font-weight: bold;
		margin-bottom: 6px;
		margin-left: 81px;
		text-align: center;
		width:347px;
		display:none;
			}