body,html {
	font-family: arial,verdana,helvetica,tahoma,sans-serif;
	font-size: 10pt;
	padding: 5px;

}

body {
	background: #D6D6D6;
}
		
h1,h2,h3,h4,h5,h6,h7 {
	margin: 2px 0;
}

select {
	font-size: 8pt;
	width: 110px;
}

input {
	font-size: 8pt;
}

.wrapper {
	width: 960px;
	
	
	margin: 0 auto;
	margin-bottom: 10px;
	border-bottom: 0;
	background: #fff;
	padding: 1px;
}

.header {
	height: 88px;
	position: relative;
}

.header .logo {
	display: block;	
	float: left;
	margin-top: 10px;
	width: 298px;
	z-index: 10000;
	height: 58px;
	background: url(../images/footzy-rolls-logo.gif);
}

.headerwrap {
	position: relative;
}

#menu {
	
	z-index: 10000;
	width: 670px;
	position: absolute; left: 270px;
	bottom: 3px;
	text-align: left;
	position: relative;
}

.sf-menu {
	position: relative;
	
	
}

ul.sf-menu {
	margin: 0;
	padding: 0;
	position: relative;
	left: 65px;
}

#leftbox {
	width: 720px;
	float: left;
	overflow: hidden;
	margin: 0;
	background: #fff;
	padding: 0;
}

#rightbox {
	width: 238px;
	
	float: right;
	margin: 0;
	padding: 0;
	background: #fff;
}

#mainwrapper {
	
	border-top: 0;	
	border-bottom: 0;
	width: 960px;
	background: url(../images/wrapperback.jpg);
	margin: 0 auto;
	margin-top: -10px;
}

#footer {
	
}

    {
      float:left;
      width:100%;
      background:#FCF1F6;
      font-size:93%;
      line-height:normal;
          border-bottom:1px solid #E276A7;
      }
    ul.topmenu {
          margin:0;
          padding:10px 10px 0 50px;
          list-style:none;
      }
     li.topmenu {
      display:inline;
      margin:0;
      padding:0;
      }
    a.topmenu {
      float:left;
      background:url("../images/menutab.gif") no-repeat left top;
      margin:0;
      text-align: center;
      width: 88px;
      padding: 5px 0;
      
      text-decoration:none;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    a span.topmenu {float:none;}
    /* End IE5-Mac hack */
    a.topmenu:hover {
      background: url("../images/menutabover.gif");      
    }
    
      #current a {
              background-position:0% -42px;
      }
      #current a span {
              background-position:100% -42px;
      }

.footzy-rolls-girl {
	width: 132px;
	height: 305px;
	background: url(../images/footzy-rolls-girl.jpg);
	float: left;
}      

.clear {
	clear: both;
}

#top-menu {
	float: right;
	position: relative;
	top: 0;
	/top: 11px;
	padding-right: 20px;
}

#top-menu ul {
	list-style-type: none;
}

#top-menu li {
	float: left;
	display: inline;
}

#top-menu li a {
	padding: 0 6px;
	color: #000;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 8pt;
}	

#top-menu li a:hover {
	text-decoration: underline;
}
	
#top-menu .shopbag {
	float: right;
	width: 230px;
	height: 24px;
	position: relative;
	margin-left: 10px;
	padding: 5px 0;
	padding-left: 26px;
	padding-top: 12px;
	top: -12px;
	background: url(../images/shopbag.png) no-repeat 2px 5px;
	font-size: 8pt;
	text-transform: uppercase;
}

/* Slider */

#featured{ 
	margin: 0 15px 0 5px;
	width: 315px;
	margin-left: 65px;
	position:relative; 
	border: 3px solid #3b2414;
	float: left;
	background:#fff;
}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; left:450px; 
	list-style:none; 
	padding:0; margin:0; 
	width:0px; 
}
#featured ul.ui-tabs-nav li{ 
	padding:1px 0;
	font-size:12px; 
	color:#666; 	
}
#featured ul.ui-tabs-nav li img{ 
	float:left; margin:2px 5px; 
	background:#fff; 
	padding:2px; 
}
#featured ul.ui-tabs-nav li span{ 
	font-size:11px; font-family:Verdana; 
	line-height:18px; 
}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:121px; 

	
	color:#333;
	background: url(../images/nav_a.gif);
	line-height:20px;
}
#featured li.ui-tabs-nav-item a:hover{ 
	background:#fff; 
}
#featured li.ui-tabs-selected{ 
	/*background:url('../images/selected-item.gif') top left no-repeat;  */
	background: #ffffff;
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background:#fff; 
}
#featured .ui-tabs-panel{ 
	width:315px; height:315px; 
	background:#999; position:relative;
}
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	height: 0;
	top: 0;
	width: 0;
	background: url('../images/transparent-bg.png'); 
}
#featured .info h2{ 
	font-size:18px; font-family:Georgia, serif; 
	color:#fff; padding:5px; margin:0;
	overflow:hidden; 
}
#featured .info p{ 
	margin:0 5px; 
	font-family:Verdana; font-size:11px; 
	line-height:15px; color:#f0f0f0;
}
#featured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}

/* End Slider */
		
.footer {
	padding: 5px;
	font-size: 7pt;
}

.footer .copyright {
	float: left;
	width: 400px;
}

.footer .links {
	float: right;
	width: 300px;
	text-transform: uppercase;
	text-align: right;
	padding-right: 15px;
}

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

.footer .links a:hover {
	text-decoration: underline;
}

#gallery{ //CSS for Simple Gallery Example 1
position: relative; /*keep this intact*/
visibility: hidden; /*keep this intact*/
width: 600px;
height: 275px;
}

#gallery .gallerydesctext{ //CSS for description DIV of Example 1 (if defined)
text-align: left;
padding: 6px 10px;
}

.headerbox {
	background: url(/images/headerbar.png) repeat-x; 
	padding: 4px 5px;
	font-weight: bold; 
	font-size: 8pt; 
	color: #000;
	text-transform: uppercase;
	margin: 0;
	display: block;
	position: relative;
}

img {
	border: 0;
}

#find-us-on {
	background-position:  0px -60px;
	position: relative;
	left: -1px;
	padding-left: 15px;
	padding-bottom: 15px;
	margin: 5px;
	padding: 0;
	background: transparent url('../images/drop-shadow-bottom-aside.gif') no-repeat bottom right;
	
}	

#find-us-on li {
	float: left;
	display: inline;
}

#twitter a,
#facebook a, 
#blog a{
	display: block;                                        
	background: url('../images/find-us.png') no-repeat;
	width: 192px;                                     
	height: 57px;                                     
	text-indent: -9999px;
	margin-bottom: 5px; 
	padding-left: 15px;
} 
#facebook a{
	background-position:  0px -60px;
}                                                     
#blog a{
	background-position:  0px -120px;
}
#twitter a:hover,
#twitter a:focus{
	background-position:  0px -177px;
}
#facebook a:hover,
#facebook a:focus{
	background-position:  0px -237px;
}                                                     
#blog a:hover,
#blog a:focus{
	background-position:  0px -297px;
}


#scroller {
	background: #fff;
}

.prodbuywrapper {
	background: #e360ad; padding:4px; margin: 0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px;
	border-bottom: 1px solid #999;
	
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px;
	line-height: 31px;
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px;
	background: #e0e0e0;
	overflow: hidden;
	position: relative;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: .9em;
	padding: 0 6px;
	border: 1px solid #fff;
	outline: none;
}
ul.tabs li a:hover {
	background: #ccc;
}	
html ul.tabs li.active, html ul.tabs li.active a:hover  {
	background: #fff;
	border-bottom: 1px solid #fff;
}
.tab_container {
	border: 1px solid #999;
	border-top: none;
	clear: both;
	float: left; 
	width: 100%;
	height: 300px;
	overflow: auto;
	background: #fff;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
.tab_content {
	padding: 8px;
	font-size: 1.2em;
}
.tab_content h2 {
	font-weight: normal;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ddd;
	font-size: 1.8em;
}
.tab_content h3 a{
	color: #254588;
}
.tab_content img {
	float: left;
	margin: 0 20px 20px 0;
	border: 1px solid #ddd;
	padding: 5px;
}

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

.specmenu a {
	font-size: 8pt;
	color: #000;
	text-decoration: none;
}

ul.specmenu 
	list-style-type: none;
}

.specmenu li {
	margin: left: 0;
	padding: 0;
}

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

.subgroup a {
	cursor: default;
}

.notsub a {
	cursor: pointer;
}

.subgroup {
	font-weight: bold;
}

.notsub {
	font-weight: normal;
}

.subgroup {
	margin-top: 18px;
}
	
.formlabel {
	font-weight: bold;
}

.formtext {
	width: 90%;
	border: 1px solid #c0c0c0;
	outline: none !important;
	background: #fff !important;
	padding: 6px;
}

.formtext:focus {
	border: 1px solid #ff0000;
}

.formselect {
	width: 94%;
}

.info, .success, .warning, .error, .validation {
    border: 1px solid;
    display: block;
    margin: 5px 10px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
}
.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('images/info.png');
}
.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('images/success.png');
}
.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('images/warning.png');
}
.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('images/error.png');
}

.quicklink img {
	border: 0;
}

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

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

.spectd {
	width: 200px;
}

td {
	margin: 0;
	padding: 0;
}

tr {
	margin: 0;
	padding: 0;
}

table {
	margin: 0;
	padding: 0;
}

.breakerbar {
	height: 10px;margin:0;padding:0;
	/height: 0px;
}