/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:url(images/body-tail.gif) left top repeat-x #9f9e9d;
	text-align:center;
}

object {vertical-align:top; outline:none;}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;
	line-height:1.583em;
	color:#666666;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {
	color:#9f3539;
	outline:none;
}
a:hover{text-decoration:none;}
p {padding-top:19px;}
strong {color:#5f5f5f;}


.wrapper {width:100%; overflow:hidden;}


.indent {padding:20px 8px 0px 18px;}
/* ============================= main layout ====================== */

li {line-height:1.928em; display:block; border-bottom:1px solid #DDDDDD; font-size:1.166em; padding-bottom:1px;}
li a {color:#8F8F8F;}

.imgindent {margin:0 20px 0 0; float:left;}

h1 {font-size:1.833em; color:#0058a2; padding-bottom:22px; line-height:1.2em; margin-top:-4px;}
h2 {font-size:2em; color:#fff; border-bottom:2px solid #fff; padding-bottom:4px; text-transform:uppercase; letter-spacing:-1px; line-height:1.2em; margin-top:-4px;}
h3 {font-size:1.416em; line-height:1.2em;}
/* ============================= header ====================== */
.logo { height:121px;}
.logo span {font-size:1.333em; color:#fff;}
.logo .right {padding:14px 9px 0 0;}

h4 {font-size:3.166em; color:#edf2f6;}
.box {background:url(images/top-line.gif) left top no-repeat #fff; padding-left:17px;} 

.menu {padding-top:19px;}
.menu li { float:left;  font-size:1.333em; border:none; margin-bottom:6px;}
.menu li a {display:block; text-decoration:none; color:#fff; padding:16px 0 17px 0; width:138px; text-align:center; background:url(images/menu-bg.gif) left repeat-x;}
.menu li .active, .menu li a:hover {background:url(images/menu-bg-active.gif) left repeat-x;}

/* ============================= content ====================== */
#content {background:#fff; padding:18px 16px 25px 17px;}
.link {background:url(images/link-left.gif) left top no-repeat; float:right; line-height:1.76em; text-decoration:none; margin:18px 0 0 0; color:#fff; font-weight:bold; cursor:pointer; font-size:1.083em;}
.link span {background:url(images/link-right.gif) right top no-repeat; float:right; padding:0 6px 0 6px;}
.link span span  {background:url(images/link-tail.gif) top repeat-x; padding:0px 1px 4px 4px;}
.link:hover {color:#000;}

.link:hover {background:url(images/link-left-hover.gif) left top no-repeat; display:inline-block; line-height:1.76em; text-decoration:none; margin:18px 0 0 0; color:#fff; font-weight:bold; cursor:pointer; font-size:1.083em;}
.link:hover span {background:url(images/link-right-hover.gif) right top no-repeat; display:inline-block; padding:0 6px 0 6px;}
.link:hover span span  {background:url(images/link-tail-hover.gif) top repeat-x; padding:0px 1px 4px 4px;}



.boxes .indent {
	padding:0px 5px 10px 20px;
}
.box4 .indent {padding:18px 45px 35px 53px;}
.box4 .extra-indent {padding:18px 45px 25px 53px;}
.box4 h1 {margin:0 0 7px -31px;}
.alignright {text-align:right;}

.link1 {margin:-27px 0 0 0; overflow:hidden; width:100%;}
.link1 a {background:url(images/box-link-left.png) left top no-repeat; float:right; line-height:1em; text-decoration:none; margin:20px 0 0 0; color:#fff; font-weight:bold; cursor:pointer; font-size:1.416em; }
.link1 a strong {background:url(images/box-link-right.png) right top no-repeat; float:right; padding:0 15px 0 15px;}
.link1 a strong strong  {background:url(images/box-link-tail.png) top repeat-x; padding:8px 6px 8px 5px;}



.box4 {background:#E9E9E9;}


.list1 {width:100%; overflow:hidden;}
.list1 li {margin-bottom:-2px;}
.list1 li a {color:#666666; text-decoration:none;}
.list1 li a:hover {text-decoration:underline;}

.border {border-bottom:1px solid #8F8F8F; padding-bottom:16px; margin-bottom:19px;}


.list li a {color:#8F8F8F; text-decoration:none;}
.list li a:hover {text-decoration:underline;}

.price {float:left; width:273px;}
.price li span {float:right; font-weight:bold; color:#8F8F8F; }
.price li {border:none; line-height:1.5em; font-size:1em;}
.price li a {text-decoration:none; color:#a0a0a0;}
.price li a:hover {text-decoration:underline;}

.boxes {line-height:1.416em; color:#fff;}
.boxes h5 {font-size:1.167em; line-height:1.214em; padding:7px 0 10px 0; font-weight:normal; color:#fff;}

.box1 {background:url(images/box1-tail.gif) left top repeat-x #e22a26; color:#eca488;}
.box1 .link1 strong {color:#f15c17;}
.box2 {background:url(images/box2-tail.gif) left top repeat-x #d4d4d4;}
.box2 .link1 strong {color:#e5a80d;}
.box3 {background:url(images/box3-tail.gif) left top repeat-x #9f9f9f; color:#dfebbe;}
.box3 .link1 strong {color:#7da61e;}

.pad {padding-top:14px;}
.pad2 {padding-top:10px;}
.pad3 {
	padding-top:7px;
}



.padding0 {padding-top:10px;}
.padding1 {padding-bottom:11px;}



.margin1 {margin-bottom:22px;}
.margin3 {margin-right:38px;}


.col-pad {margin-right:16px;}
.col-pad1 {padding-right:68px;}


.link3 {font-size:1.416em;}

.phone {display:inline-block; width:66px;}

/* ============================= footer ====================== */
#footer {text-align:right; color:#fff; padding-top:15px;}
#footer a {
	color:#333333;
}

/* ============================= forms ============================= */


#DeliveryForm {padding-top:4px;}
#DeliveryForm label { display:block; height:30px;  background:url(images/input-bg.gif) no-repeat right top;} 
#DeliveryForm .col-1 { width:278px !important; padding:0 !important;}
#DeliveryForm .col-2 { width:278px !important;}
#DeliveryForm .col-pad {margin-right:58px;}
#DeliveryForm .link3 {margin-left:34px; font-size:1em; font-weight:bold; padding-top:20px; display:inline-block;}
#DeliveryForm .input {width:155px; height:18px; border:none; padding:2px 4px 4px 5px; font-size:1em; background:none;}
.radio { margin:-32px 0 0 110px; padding-bottom:10px;}
.radio input {margin-right:6px;}

#OrderForm { line-height:1.1em;}
#OrderForm label { display:block; height:32px; background:url(images/input-bg-qty.gif) no-repeat right top;}
#OrderForm .col-1 { width:870px !important; padding:0 !important;}
#OrderForm .col-2 { width:300px !important;}
#OrderForm .col-pad {margin-right:30px;}
#OrderForm .col-pad2 {margin-right:40px;}
#OrderForm .link3 { font-size:1em; font-weight:bold; padding-top:0px; display:inline-block;}
#OrderForm .input {width:30px; height:18px; background:none; border:none; padding:2px 4px 4px 4px; font-size:1em;}
#OrderForm span { float:right; margin-right:6px; vertical-align:middle;}
#OrderForm strong {padding-bottom:10px; display:inline-block;}
#OrderForm textarea {width:290px; height:156px; border:none;  padding:5px 0px 0px 8px; overflow:auto; font-size:1em;  background:none; margin:1px 0 0px 0;}
#OrderForm .textarea {background:url(images/textarea-bg.gif) no-repeat left; padding:0px 0px 0px 0px; margin:20px 0 8px 0; width:298px; height:166px;}

#ContactForm {padding-top:20px;}
#ContactForm label { display:block; height:40px; background:url(images/input-bg2.gif) left bottom no-repeat; margin-bottom:6px;} 
#ContactForm .col-1 {
	width:350px !important;
	padding:0 !important;
}
#ContactForm .col-2 { width:300px !important;}
#ContactForm .link {margin:38px -14px 5px 34px; padding:0px;}
#ContactForm .input {width:236px; height:18px; border:none; padding:2px 4px 0px 5px; font-size:1em; background:none;}
#ContactForm textarea {width:310px; height:112px; border:none;  padding:0px 0px 0px 8px; overflow:auto; font-size:1em;  background:none; padding:0px 0px 0px 5px;}
#ContactForm .textarea {background:url(images/textarea-bg2.gif) left bottom no-repeat ;  width:317px; height:114px; margin:0px 0px 0px 0px; width:317px; height:132px;}