html {
	overflow: -moz-scrollbars-vertical;
	margin: 0;
	padding: 0;
}
* {
	font-family: Arial, Helvetica, sans-serif;
}
body {
    background:#777777 url(../image/wood.jpg) repeat scroll 0 0;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
body, td, th, input, textarea, select, a {
	font-size: 12px;
}
form {
	padding: 0;
	margin: 0;
	display: inline;
}
input, textarea, select {
	margin: 3px 0px;
}
a, a:visited {
	color: #1B57A3;
	text-decoration: none;
	cursor: pointer;
}
a:hover {
	text-decoration: none;
}
a img {
	border: none;
}
p {
	margin-top: 0px;
}
/* layout */

.shadow {
background:transparent url(../image/shadow.png) repeat-y scroll 0 0;
margin:0 auto;
width:999px;
}

#container {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background: #FFFFFF;
	border-color:#FFFFFF;
    border-style:solid;
    border-width:6px 12px 12px;
}
#header {
	position: relative;
}

/* add header banner */

#header .div1 {
/*background:transparent url(images/toffstore-banner.gif) no-repeat scroll 0 80px;*/
height:80px;
}

#header .div2 {
background:transparent none repeat scroll 0 0;
width:500px;
}
/*#header .div3 {
	background: url('../image/search.png') no-repeat;
	width: 250px;
	height: 62px;
	position: absolute;
	top: 25px;
	right: 0px; 
	padding-top: 5px;
	padding-left: 17px;
}*/

#header .div3 {
background:transparent url(../image/search.png) no-repeat scroll 0 0;
float:right;
height:62px;
margin:-70px 3px 0 0;
padding-left:17px;
padding-top:5px;
width:250px;
}

#header .div4 {
	padding-left: 10px;
	padding-right: 10px;
	height: 40px;
	background: url('../image/header.png') no-repeat;
}
#header .div4 a {
	position: relative;
	padding: 12px 0px 10px 0px;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
	font-size: 12px;
	font-family: Verdana, Geneva, sans-serif;
	font-weight:bold;
	}

#header .div5 {
	}

/* help link */

#helplink {
}

#helplink a {}

#nav-menu, #nav-menu2 {
margin:0;
}

#nav-menu li, #nav-menu2 li {
display:inline;
}

#nav-menu li a, #nav-menu2 li a {
padding:0 0 0 33px !important;
}


#nav-menu {
float:left;
padding:13px 0 10px;
}

#nav-menu2 {
float:right;
padding:13px 10px 10px 0px;
}

#header .div4 .icon {
	position: relative;
	top: 12px;
	margin-right: 4px;
}
#header .div4 .split {
	position: relative;
	top: 14px;
	margin-left: 15px;
	margin-right: 15px;
}

.home {
background:transparent url(images/default/icon_home.png) no-repeat scroll 14px -1px;
}

.special-offers {
background:transparent url(images/default/icon_special.png) no-repeat scroll 14px -1px;
}

.login {
background:transparent url(images/default/icon_login.png) no-repeat scroll 14px -1px;
}

.logout {
background:transparent url(images/default/icon_logout.png) no-repeat scroll 14px -1px;
}

.account {
background:transparent url(images/default/icon_account.png) no-repeat scroll 14px -1px;
}

.nav-help {
background:transparent url(images/default/icon_help.png) no-repeat scroll 14px -1px;
}

.checkout {
background:transparent url(images/default/icon_checkout.png) no-repeat scroll 14px -1px;
}

.nav-cart {
background:transparent url(images/default/icon_basket.png) no-repeat scroll 14px -1px;
}

#breadcrumb {
	padding-top: 7px;
	padding-bottom: 11px;
	padding-left: 10px;
	background: url(../image/breadcrumb.png) no-repeat;
	height: 13px;
	margin-bottom: 8px;
	color: #999;
}
#column_left {
	float: left;
	width: 180px;
	margin-right: 10px;
}
#column_right {
	float: right;
	width: 180px;
	margin-left: 10px;
}

/*#column_left .home{
float:left;
margin:300px 10px 0 0 !important;
width:180px;
}
#column_right .home {
float:right;
margin:300px 0 0 10px !important;
width:180px;
}*/


#content {
	float: left;
	width: 580px;
	margin-bottom: 10px;
}
#content .top {
	padding: 8px 0px 6px 10px;
	background:#A40500 url(../image/header.png) repeat scroll -12px -6px;
}
#content .top h1, .heading {
	color: #fff;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0px;
}
.heading {
	border-bottom: 1px solid #DDDDDD;
	padding-bottom: 3px;
	margin-bottom: 10px;
}
#content .middle {
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	background: #FFFFFF;
	padding: 10px 10px 1px 10px;
	min-height: 380px;
}
#content .bottom {
	background: url('../image/content_bottom.png') no-repeat;
	height: 5px;
}
.box {
	margin-bottom: 10px;
	background: url('../image/box_top.png') no-repeat;
}
.box .top {
	background:#A40500 url(../image/header.png) repeat scroll -12px -6px;
	padding: 8px 0px 6px 7px;
	color: #fff;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
}
.box .top img {
	float: left;
	margin-right: 5px;
}
.box .middle {
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	background: #FFFFFF;
	padding: 10px;
}
.box .bottom {
	height: 5px;
	background: url('../image/box_bottom.png') no-repeat;
}
.success {
	padding: 5px 0px;
	margin-bottom: 10px;
	background: #E4F1C9;
	border: 1px solid #A5BD71;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
}
.warning {
	padding: 5px 0px;
	margin-bottom: 10px;
	background: #FFDFE0;
	border: 1px solid #FF9999;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
}
.wait {
	padding: 5px 0px;
	margin-bottom: 10px;
	background: #FBFAEA;
	border: 1px solid #EFEBAA;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
}
.required {
	color: #FF0000;
	font-weight: bold;
}
.error {
	color: #FF0000;
	display: block;
}
.help {
	cursor: pointer;
}
.tooltip {
	border: 1px solid #FDDA5C;
	background: #FBFF95;
	padding: 5px;
	font-size: 11px;
	width: 250px;
}
.clear { /* generic container (i.e. div) for floating buttons */
	overflow: hidden;
	width: 100%;
}
a.button {
	background: transparent url('../image/button_right.png') no-repeat scroll top right;
	color: #FFFFFF;
	display: inline-block;
	font: normal 12px arial, sans-serif;
	height: 25px;
	margin-right: 6px;
	padding-right: 18px; /* sliding doors padding */
	text-decoration: none;
}
a.button span {
	background: transparent url('../image/button_left.png') no-repeat;
	display: inline-block;
	padding: 5px 0 5px 18px;
}
.buttons {
	background: #F8F8F8;
	border: 1px solid #DDDDDD;
	clear: both;
	padding: 5px;
	margin-bottom: 10px;
}
.buttons input {
	padding: 0px;
	margin: 0px;
}
.buttons table {
	width: 100%;
	border-collapse: collapse;
}
.buttons table td {
	vertical-align: middle;
}
.list {
	margin-bottom: 10px;
	width: 100%;
}
.list td {
	text-align: center;
	vertical-align: top;
	padding-bottom: 10px;
}
.sort {
	margin-bottom: 10px;
	background: #F8F8F8;
	height: 30px;
	width: 100%;
}
.sort .div1 {
	float: right;
	margin-left: 5px;
	padding-top: 6px;
	padding-right: 9px;
}
.sort .div2 {
	text-align: right;
	padding-top: 9px;
}
.sort select {
	font-size: 11px;
	margin: 0;
	padding: 0;
}
.pagination {
	display: inline-block;
	width: 100%;
	background: #F8F8F8;
	margin-bottom: 10px;
}
.pagination .links, .pagination .results {
	padding: 7px;
}
.pagination .links {
	float: left;
}
.pagination .links a {
	border: 1px solid #CCCCCC;
	padding: 4px 7px;
	text-decoration: none;
	color: #000000;
}
.pagination .links b {
	border: 1px solid #CCCCCC;
	padding: 4px 7px;
	text-decoration: none;
	color: #000000;
	background: #FFFFFF;
}
.pagination .results {
	float: right;
}
.tabs {
	display: block;
	width: 100%;
	margin-bottom: 0px;
}
.tabs a {
	float: left;
	display: block;
	padding: 6px 15px 7px 15px;
	margin-right: 2px;
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	background: #FFFFFF url('../image/tab.png') repeat-x;
	color: #000000;
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
	z-index: 1;
	position: relative;
	top: 1px;
}
.tabs a.selected {
	background: #FFFFFF url('../image/tab.png') repeat-x;
	border-bottom: 0px;
	padding-bottom: 8px;
	z-index: 3;
}
.tab_page {
	border: 1px solid #DDDDDD;
	background: #FFFFFF;
	display: inline-block;
	padding: 10px;
	display: block;
	width: 536px;
	clear: both;
	z-index: 2;
	margin-bottom: 10px;
}

#footer {
background:#777;
border-top:1px solid #DDDDDD;
clear:both;
height:40px;
padding:12px 0;
width:100%;
}

#footer .div1 {
    display:none;
	float: left;
	text-align: left;
}
#footer .div2 {
	margin:auto;
	text-align: center;
}

.footerlinks {}

#footer p {
color:#fff;
font-size:12px;
font-weight:bold;
padding:8px;
}

#footer a {
padding:6px;
color:#fff;
font-size:12px;
font-weight:bold;
}

#category ul {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-left: 12px;
	list-style: none;
}


	
#category li ul {
margin:8px 0;
padding:0;
list-style-image:none;
list-style-position:inside;
list-style-type:none;
}
	
#category li ul li {
background:transparent;
margin:0;
padding:4px 0 4px 8px;
}

#category li ul li a {
color: #980;
}

	
#category li a, #information li a {
    font-weight:bold;
	}

#information ul {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-left: 12px;
	list-style: none;
}

#information li {
	background: transparent url(images/default/information.png) 0 0 no-repeat scroll;
	padding:0 0 11px 24px;
	}

.cart {
	border-collapse: collapse;
	width: 100%;
	border: 1px solid #EEEEEE;
	margin-bottom: 10px;
}
.cart th {
	background: #EEEEEE;
	padding: 5px;
	font-weight: normal;
}
.cart td {
	padding: 5px;
}

/* style center product listings boxes */

.list td {
margin-bottom:10px;
}

#module_cart .middle div {
background:transparent none repeat scroll 0 0;
border-top:1px dotted #777777;
color:#A10500;
font-size:13px;
font-weight:bold;
padding:3px 0;
text-align:center !important;
}

#toffpinhelp {
background:#FFEC8B none repeat scroll 0 0;
color:#000000;
font-size:11px;
font-weight:bold;
padding:14px 14px 4px;
}

#toffpinhelp p {}

#toffpinhelp a {
color:#A62522;
}



#category {
padding:8px 0 0;
}


#category ul {
	margin:0px;
    padding:0px;
	list-style:none;
    list-style-position:outside;
}
#category ul li.toplevel a {
    font-weight:bold;
    background-color:#e9e9e9;
	padding:6px 0 6px 18px;
}
#category ul li.toplevel {
    border:none;
	padding:6px 0;
}


#category ul li.sub {
    border-bottom:1px dotted #ccc;
  	padding-left:12px;
}
#category ul li.sub a {
color:#fff;
  	padding-left:12px;
    font-weight:bold;
    background:#999;
    font-weight:11px;
}
#category ul a {
color:#333333;
display:block;
padding:4px 10px;
text-decoration:none;
}
#category ul li a:hover {
    background-color:#FFEB8F;
    color:#000;
	font-weight:bold;
    border:0;
}

#category a.active,
#category a.active:link,
#category a.active:visited
 {
    font-weight:bold;
    background-color:#666;
    color:#FFFFFF;
}



/* Gallery styles */

#gallery{
	/* CSS3 Box Shadow */
	-moz-box-shadow:0 0 3px #AAAAAA;
	-webkit-box-shadow:0 0 3px #AAAAAA;
	box-shadow:0 0 3px #AAAAAA;
	
	/* CSS3 Rounded Corners */
	
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	border-bottom-left-radius:4px;
	
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;
	
	background:url(img/panel.jpg) repeat-x bottom center #ffffff;
	
	/* The width of the gallery */
	border:1px solid white;
	margin:8px auto;
	overflow:hidden;
	width:955px;
}

#slides{
	/* This is the slide area */
	height:280px;
	
	/* jQuery changes the width later on to the sum of the widths of all the slides. */
	width:920px;
	overflow:hidden;
}

.slide{
	float:left;
	width:930px;
}

.slide img {float: left;}

.slide h2 {
color:#444;
display:block;
font-family:georgia;
font-size:48px;
font-weight:200;
letter-spacing:-1px;
line-height:40px;
margin:12px 0;
padding:8px;
border-bottom:2px solid #000000;
}

.slide a {
display:block;
margin:12px 0;
}

.slide p {
font-family:georgia;
font-size:20px;
}

#menu{
	/* This is the container for the thumbnails */
	height:45px;
	text-align:center;
}

#menu ul{
	margin:0px;
	padding:0px;
}

#menu li{
	/* Every thumbnail is a li element */
	float:left;
	width:65px;
	display:block;
	list-style:none;
	height:45px;
	overflow:hidden;
}

#menu li.inact:hover{
	/* The inactive state, highlighted on mouse over */
	background:url(img/active_bg.png) no-repeat;
}

#menu li.inact{
	/* The inactive state, highlighted on mouse over */
	background:url(img/inactive_bg.png) no-repeat;
}

#menu li.act, #menu li.act:hover{
	/* The active state of the thumb */
	background:url(img/active_bg.png) no-repeat;
}

#menu li.act a{
	cursor:default;
}

#menu .fbar{
	/* The left-most vertical bar, next to the first thumbnail */
	width:2px;
	background:url(img/divider.png) no-repeat right;
}

#menu li a{
	display:block;
	background:url(img/divider.png) no-repeat right;
	height:35px;
	padding-top:10px;
}

#menu a img{
	border:none;
}