/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}


body { direction:LTR; background-color:#fff; background-image:url(images/bluebg.jpg); background-position:0 0; background-attachment:fixed; }

	text-align:center;
}

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:#a0a0a0;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#01baec; outline:none;}
a:hover{text-decoration:none;}
p {padding-top:19px;}
strong {color:#4a4b4b;}

/*--- slider begin ---*/

#faded {}
#faded .rap { height:373px; margin-top:0px; overflow: hidden}



/*--- slider end ---*/

.indent {padding:20px 8px 0px 18px;}
/* ============================= main layout ====================== */

li {line-height:1.928em; display:block; border-bottom:1px solid #c3ecfa; font-size:1.166em; padding-bottom:1px;}
li a {color:#B6BDC3;}

.imgindent {margin:0 20px 0 0; float:left;}

h1 {font-size:1.833em; color:#03b7eb; 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 10px 0 0;}

h4 {font-size:3.166em; color:#edf2f6;}
.box {background:url() left top no-repeat #fff; padding-left:17px;} 

.menu {padding-top:8px;}
.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:url(images/trans.png); 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:20px 20px 17px 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;}



.wrapper {width:100%; overflow:hidden;}

.box4 {background:#f4f9fd;}

.list1 {width:100%; overflow:hidden;}
.list1 li {margin-bottom:-2px;}
.list1 li a {color:#01baec; text-decoration:none;}
.list1 li a:hover {text-decoration:underline;}


.list2 li {width: 100%; overflow: hidden; vertical-align: top; font-size:13px; line-height:25px; color: #b04b49; padding:0; }
.list2 li span {float: right; color: #3b3935; padding-right:9px;}
.list2 li a {float: left; text-decoration: none; color: #9c9992;}
.list2 a:hover {color:#ff9f00;}


.border {border-bottom:1px solid #c3ecfa; padding-bottom:16px; margin-bottom:19px;}

.list li a {color:#01baec; text-decoration:none;}
.list li a:hover {text-decoration:underline;}

.price {float:left; width:273px;}
.price li span {float:right; font-weight:bold; color:#01baec; }
.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 #c2370b; color:#eca488;}
.box1 .link1 strong {color:#f15c17;}
.box2 {background:url(images/box2-tail.gif) left top repeat-x #e4a60d;}
.box2 .link1 strong {color:#e5a80d;}
.box3 {background:url(images/box3-tail.gif) left top repeat-x #739d1b; color:#dfebbe;}
.box3 .link1 strong {color:#7da61e;}

.pad {padding-top:14px;}
.pad2 {padding-top:10px;}
.pad3 {padding-top:22px;}

.padding0 {padding-top:19px;}
.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:#fff;}

/* ============================= 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:180px !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:297px !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;}




