/***************************************** 
    This is the stylesheet to be used for any changes you wish to make
	in your theme. Simply copy the parts from ../css/master.css and
	paste them here. custom.css is already integrated in your header.php 
*****************************************/
body {
	background: #f4f4f4;
	border-top: 8px solid #dbdbdb;
}
#header {
	background: #f4f4f4;
	height: 135px;
}
/***************************************** 
    Main Menu
*****************************************/
.menu, .menu * {
	list-style:none;
	margin:0;
	padding:0;
}
.menu {
	background: url(../images/menu-bg.jpg) no-repeat;
	margin: 0 auto;
	width: 971px;
	height: 45px;
	line-height: 25px;
	float:left
}
.menu ul {
	position:absolute;
	top:-999em;
	width:10em;
}
.menu li:hover {
	visibility:inherit;
}
.menu li {
	float:left;
	position:relative;
}
.menu a {
	display:block;
	position:relative;
	text-decoration:none;
	padding:.75em 1em;
	text-transform: uppercase;
}
.menu li:hover ul, .menu li.sfHover ul {
	left:0;
	top:2.7em;
	z-index:99;
}
.menu a, .menu a:visited {
	font-weight: 700;
	color:#3a3a3a;
}
.menu li li {
	background:#f1f1f1;
	font-size: 12px;
	font-weight: 400;
	width: 155px;
}
.menu li li li {
	background:#f1f1f1;
	font-size: 12px;
	font-weight: 400;
	width: 155px;
	margin: -2.7em 0 0 129px;
}
.menu li:hover, .menu li.current_page_item, .menu a:focus, .menu a:hover, .menu a:active {
	color: #000;
	outline:0;
}
.menu a.sf-with-ul {
	padding-right:2.25em;
	min-width:1px;
}
.sf-sub-indicator {
	position:absolute;
	display:block;
	right:.75em;
	top:1.05em;
	width:10px;
	height:10px;
	text-indent:-999em;
	overflow:hidden;
	background:url('../images/arrows.png') no-repeat -9px -100px;
}
a > .sf-sub-indicator {
	top: 1.1em;
	background-position:0 -100px;
}
.menu ul a > .sf-sub-indicator {
	background-position:0 0;
}
.sf-shadow ul {
	background:url('../images/shadow.png') no-repeat bottom right;
	padding:0 8px 9px 0;
}
.sf-shadow ul.sf-shadow-off {
	background:transparent;
}
/***************************************** 
    Quote Box
*****************************************/
#quote-box {
	background: url(../images/quote-box.jpg) no-repeat;
	margin: -22px -20px 0 -20px;
	padding: 0;
	text-align: left;
	position: relative;
	width: 970px;
	height: 300px;
}
#quote-box input.qb-zipBox {
	background: url(../images/input-box.jpg) no-repeat;
	border: none;
	margin: 0;
	padding: 15px 0px;
	_padding: 1px 0 0 3px;
	width: 193px;
	font-weight: 700;
	text-align: center;
	position: absolute;
	top: 46px;
	left: 490px;
}
#quote-box .qb-dropDwn {
	background: #a2b4be;
	border: none;
	color: #fff;
	font-size: 150%;
	margin: 0;
	padding: 0;
	width: 198px;
	position: absolute;
	top: 56px;
	left: 290px;
}
#quote-box input.submit-button {
	margin: 0;
	padding: 0;
	border: none;
	position: absolute;
	top: 46px;
	left: 680px;
}

/***************************************** 
    Logo Slider
*****************************************/
.jcarousel-skin-tango .jcarousel-container {
	-moz-border-radius: 10px;
}
.jcarousel-skin-tango .jcarousel-direction-rtl {
	direction: rtl;
}
.jcarousel-skin-tango .jcarousel-container-horizontal {
	width: 935px;
	padding: 15px 40px;
}
.jcarousel-skin-tango .jcarousel-container-vertical {
	width: 75px;
	height: 245px;
	padding: 40px 20px;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
	width:  660px;
	height: 75px;
}
.jcarousel-skin-tango .jcarousel-clip-vertical {
	width:  75px;
	height: 245px;
}
.jcarousel-skin-tango .jcarousel-item {
	width: 100px;
	height: 75px;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-left: 0;
	margin-right: 10px;
}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 10px;
	margin-right: 0;
}
.jcarousel-skin-tango .jcarousel-item-vertical {
	margin-bottom: 10px;
}
.jcarousel-skin-tango .jcarousel-item-placeholder {
	background: #fff;
	color: #000;
}
/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
	position: absolute;
	top: 38px;
	right: 5px;
	width: 32px;
	height: 32px;
	cursor: pointer;
	background: transparent url(../images/next-horizontal.png) no-repeat 0 0;
}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
	left: 5px;
	right: auto;
	background-image: url(../images/prev-horizontal.png);
}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
	background-position: -32px 0;
}
.jcarousel-skin-tango .jcarousel-next-horizontal:active {
	background-position: -64px 0;
}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
	cursor: default;
	background-position: -96px 0;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal {
	position: absolute;
	top: 38px;
	left: 5px;
	width: 32px;
	height: 32px;
	cursor: pointer;
	background: transparent url(../images/prev-horizontal.png) no-repeat 0 0;
}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
	left: auto;
	right: 5px;
	background-image: url(../images/next-horizontal.png);
}
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
	background-position: -32px 0;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
	background-position: -64px 0;
}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
	cursor: default;
	background-position: -96px 0;
}
#logo-ribbon {
	background: url(../images/logo-ribbon.png) no-repeat;
	margin: 0 -42px;
	padding: 0;
	height: 132px;
}
/***************************************** 
    All Buttons
*****************************************/
.all-button a {
	background: url(../images/all-button.png) no-repeat;
	color: #444;
	float: right;
	font-weight: 700;
	margin: -106px 40px 0 0;
	padding: 15px 0px 12px 0px;
	text-align: center;
	text-transform: uppercase;
	width: 118px;
}
.all-button a:hover {
	color: #096;
	background: url(../images/all-button.png) no-repeat;
	background-position: 0 -45px;
}	
/***************************************** 
    Footer
*****************************************/
#footer {
	background: url(../images/footer-bg.jpg) no-repeat;
	height:45px;
}

/****************************************
     B2K -- Reset widths
****************************************/

body {
	line-height:1.2;
	font-size:12px;
}
ol, ul {
	list-style:none;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content:'';
	content:none;
}
:focus {
	outline:0;
}
ins {
	text-decoration:none;
}
del {
	text-decoration:line-through;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
/***************************************** 
    Begin CSS
*****************************************/
body {
	background:#eee;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size:12px;
    line-height:14px;
	margin:0;
	padding:0;
}
#wrapper {
	line-height:1;
}
div#content {
	float:none;
}
th, td { border:none; }
/***************************************** 
    Global
*****************************************/
blockquote {
	border-bottom:1px solid #ccc;
	border-top:2px solid #ccc;
	color:#666;
	font-family:"Droid Serif", arial, serif;
	font-size:14px;
	margin:0 auto;
	padding:4px 0;
	text-align:center;
	width:auto;
}
input[type=text], input[type=password], textarea, .field, .area, select {
	background:#fff;
	border:1px solid #aaa;
	line-height:1.2;
	margin:0;
	padding:2x;
	width:auto;
}
select {
	width:auto;
	padding:0;
}
textarea, .area {
	height:auto;
	overflow:auto;
	width:auto;
}
#table-content {
	width: 780px;
	margin: 0 10;
}
#help { float: right; width: 150px; margin-top: 10px; }
#help h2 { font-size: 16px; }
#help #sidebar { font-size: 12px; width: auto; padding: 0 5px; }

.dialog th { background:none; border:none; text-align: left; }

#main { position:static; }
#header { left:auto; margin: 8px auto; }
#dialogs .error { border: none; background: none; padding: .5em; }