/*##################################
  # Designed by Mary Fisher Design #
  #                                #
  # www.maryfisherdesign.com       #
  # (c) 2006 Copyright             #
  ##################################*/


body {
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #333333;
	line-height: 22px;
	background-color: #D4DFE9;

}




#topback {
	background-image: url(../images/topback.jpg);
	background-position: center top;
	height: 285px;
	background-repeat: no-repeat;
	margin-bottom: 15px;
}


/* structure */

#wrap {
	width: 100%;
	background-color: #D4DFE9;
	position: relative;
}

#header {
	height: 330px;
	background-image: url(../images/header_back.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding-left: 33px;
	width: 100%;
	min-width: 1000px;
	padding-right: 0px;
}



#content {
	padding-left: 35px;
	width: 90%;
	min-width: 850px;
	background-color: #FFFFFF;
	margin-left: 35px;
	background-image: url(../images/bottomleft.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-top: 0px;
}
#contactleft {
	float: left;
	width: 300px;
}
#content #right {
	width: 220px;
	float: right;
	background-image: url(../images/sidebar_shadow.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 20px 15px 20px 30px;

}
#content #left {
	width: 60%;
	margin-right: 50px;
	float: left;

}
#bottomcurve {
	width: 836px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}



/* top navigation */


#topnav {
	width: 166px;
	margin-top: 4px;
	height: 222px;
	float: left;
	
}
#topnav #prlogo {
	margin-bottom: 22px;
}

#topnav ul {
	margin: 0;
	padding: 0;
	height: 61px;
	list-style: none;
}

#topnav li {
	list-style: none;
	height: 61px;
	text-indent: -5555px;
	margin-bottom: 20px;
}

#topnav li a {
	display: block;
	width: 100%;
	height: 100%;
}

#place, #place a {
	width: 154px;
	background: transparent url(../images/btn_place.gif) no-repeat 0 0;
}

#callus, #callus a {
	width: 154px;
	background: transparent url(../images/btn_callus.gif) no-repeat 0 0;
}

#callusiphone, #callusiphone a {

	display: none;
}

#warehouse, #warehouse a {
	width: 154px;
	background: transparent url(../images/btn_ware.gif) no-repeat 0 0;
}


#topnav li a:link, 
#topnav li a:visited, 
#topnav li a:hover {
	border-bottom-width: 0;
}

#topnav a:hover { background-position: 0 -61px; }


#banner {
	height: 330px;
	width: 824px;
	float: right;
}

#left  ul, #right ul {
	margin: 0px 0px 15px;
	padding: 0px;
	
}

#left  li, #right li {
	list-style-type: none;
	background-image: url(../images/bullet.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-left: 15px;
}


/* navigation */


#nav {
	width: 100%;
	min-width: 750px;
	padding-left: 51px;
	background-color: #325399;
	
}
#i6problem {
	width: 100%;

	background-color: #325399;
	
}

#nav ul {
	margin: 0;
	padding: 0;
	height: 39px;
	list-style: none;
}

#nav li {
	float: left;
	height: 39px;
	list-style: none;
	text-indent: -5555px;
}

#nav li a {
	display: block;
	width: 100%;
	height: 100%;
}

#home, #home a {
	width: 68px;
	background: transparent url(../images/btn_home.gif) no-repeat 0 0;
}

#online, #online a {
	width: 145px;
	background: transparent url(../images/btn_online.gif) no-repeat 0 0;
}

#services, #services a {
	width: 119px;
	background: transparent url(../images/btn_services.gif) no-repeat 0 0;
}

#about, #about a {
	width: 134px;
	background: transparent url(../images/btn_about.gif) no-repeat 0 0;
}

#delivery, #delivery a {
	width: 167px;
	background: transparent url(../images/btn_delivery.gif) no-repeat 0 0;
}
#contact, #contact a {
	width: 112px;
	background: transparent url(../images/btn_contact.gif) no-repeat 0 0;
}

#nav li a:link, 
#nav li a:visited, 
#nav li a:hover {
	border-bottom-width: 0;
}

#nav a:hover { background-position: 0 -39px; }

#nav li.active a { background-position: 0 -78px; }
#nav li.activesub a { background-position: 0 -39px; }

/* drop menu */

#subservices, #subservices a {
	width: 119px;
	background: transparent url(../images/btn_sub.gif) no-repeat 0 0;
	height: 31px!important;
}



#courier, #courier a, 
#logistics, #logistics a,
#ware, #ware a
  {
	font-size: x-small;
	font-weight: normal;
	height: 10px;
	text-indent: 0px;
	background: #E4EAF1;
	padding-bottom: 5px;
	margin-bottom: 0px;
	color: #173063;
	padding-left: 5px;
}


#nav li ul li {
	height: 20px;

	}	

#nav li ul { /*drop menu box*/
	float:none;
	top:-999em;
	position:absolute;
	width: 171px;
	
}

#nav li li a {
	padding: 5px 5px 0px 10px;
	float:none;
	width: 137px;
}


#nav li:hover ul, /*need for drop menu*/
#nav li.sfHover ul {
	left:270px;
	top:338px;
	
	 
}





/*----*/

#copyright {
	font-size: 80%;
	color: #999999;
	text-align: center;
}
#address {
	font-size: 90%;
	text-align: center;
	padding-top: 5px;
	margin-top: 10px;
	color: #666666;
}
a.mary:link {
	color: #666666;
}
h1 {
	color: #325399;
	font-size: 190%;
	margin-bottom: 10px;
	font-weight: normal;
	margin-top: 20px;
}
h2 {
	color: #325399;
	font-size: 125%;
	margin-bottom: 5px;
	font-weight: bolder;
	margin-top: 0px;
}

h3 {
	color: #325399;
	font-size: 125%;
	margin-bottom: 5px;
	font-weight: bold;
	margin-top: 0px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #325399;
	padding-top: 15px;
}
h4 {
	font-size: 95%;
	margin-top: 5px;
	background-image: url(../images/aboutline.gif);
	background-repeat: no-repeat;
	padding-top: 15px;
	background-position: 170px top;
}

p {
	margin: 0px 0px 10px;
}

/* links */

a:link, a:visited, a:active {
	color: #0E2350;


}

a:hover {
	text-decoration: none;
}
#picright {
	padding: 5px;
	float: right;
	margin-bottom: 10px;
	margin-left: 10px;
	border: 1px solid #999999;
}


/* round corner box */

div#nifty{
	background: #D4DFE9;
	color: #000000;
	text-align: center;
	width: 200px;
	float: right;
	margin-bottom: 10px;
	margin-left: 10px;
}
#nifty p {
}

b.rtop, b.rbottom{
	display:block;
	background: #FFFFFF;
	color: #D4DFE9;
}
b.rtop b, b.rbottom b{
	display:block;
	height: 1px;
	overflow: hidden;
	background: #D4DFE9
}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}


/* clear */

#clear {
    content: "."; 
    display: block; 
    height: 0;
    clear: both; 
    visibility: hidden;
	}





/* form */
label
{
	width: 7.5em;
	float: left;
	text-align: left;
	margin-right: 0.5em
	display: block; 
	margin-right: 10px;
}
#submit 
{
	color: #000000;
	margin-right: 10px;
	background-color: #FFFFFF;
} 
#loginform {
	border: 0px solid #325399;
	background-color: #FFFFFF;
}
input
{
	color: #000000;
	background-color: #EACB3C;
}

legend
{
	padding: 2px 6px;
	color: #CCCCCC;
}
fieldset
{
	width: 300px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#login fieldset
{
border: 1px solid #66B8D9;
width: 70%}


fieldset p {
	margin: 0px 0px 3px;
	padding: 0px;
}
legend {
	color: #000000;
	border: 1px solid #325298;
}




#login fieldset
{
	border: 1px solid #D4DFE9;
	width: 70%;
	padding-top: 10px;
}
#login {
}

#login legend
{
	padding: 2px 6px;
	color: #FFFFFF;
	background-color: #325399;
	text-decoration: none;
}
#login textarea {
	color: #000000;
	border: 1px solid #66B8D9;
}





.prioritycouriers {
	font-weight: bold;
	color: #173063;
}
.testimonials {
	font-style: italic;
}
.definitions {
	margin-bottom: 0px;
	background-color: #D4DFE9;
	padding-left: 10px;
	font-weight: bold;
}
.defdescr {
	border-top: #173063;
	border-right: #173063;
	border-bottom: 1px dotted #173063;
	border-left: 1px dotted #173063;
	margin-left: 15px;
	padding-left: 10px;
}

/*Side box */
.box {
	padding: 0 0 12px;
	font-size: 85%;
	line-height: 1.5em;
	color: #333333;
	background: #E9F0F3 url(../images/lowrightcorner.gif) no-repeat right bottom;
	margin-bottom: 5px;
	font-style: italic;
	text-align: right;
	width: 250px;
	float: right;
	margin-left: 10px;
	}
.box   h5 {
	margin: 0;
	padding: 12px;
	font-size: 140%;
	font-weight: bold;
	color: #173063;
	background: url(../images/upleftcorner.gif) no-repeat left top;
	text-align: left;
	font-style: normal;
	line-height: 20px;
	}
.box p, .box ul {
	margin: 0;
	padding: 0 12px;
	font-size: 120%;
	}
.box ul li {
	margin: 0 0 0 0px;
	padding: 0 0 0 10px;
	background: url(../images/bullet.gif) no-repeat 0 5px;
	list-style-image: none;
	list-style-type: none;
	}
	
	
/* quick hacks for IE */
*html .nav li li {
	margin-bottom:-3px;
}
*html .nav li li li {
	margin-bottom:-1px;
}
*+html .nav li li {
	margin-bottom:-3px;
}
*+html .nav li li li {
	margin-bottom:-1px;
}





#ordernav {
	width: 550px;
}







#ordernav ul {
	padding: 0;
	height: 61px;
	list-style: none;
	margin: 0px;
}

#ordernav li {
	list-style: none;
	height: 61px;
	text-indent: -5555px;
	margin-bottom: 20px;
	background-image: none;
	padding: 0px;
	float: left;
	margin-right: 20px;
}

#ordernav li a {
	display: block;
	width: 100%;
	height: 100%;
	
}

#butt1, #butt1 a {
	width: 154px;
	background: transparent url(../images/nav_orders1.gif) no-repeat 0 0;
}

#butt2, #butt2 a {
	width: 154px;
	background: transparent url(../images/nav_orders2.gif) no-repeat 0 0;
}


#butt3, #butt3 a {
	width: 154px;
	background: transparent url(../images/nav_orders3.gif) no-repeat 0 0;
}


#ordernav li a:link, 
#ordernav li a:visited, 
#ordernav li a:hover {
	border-bottom-width: 0;
}

#ordernav a:hover { background-position: 0 -61px; }
.loginlink a {
	color: #FFFFFF;
	background-color: #325399;
	display: block;
	padding: 10px;
	width: 300px;
	margin-top: 20px;
	font-weight: bold;
	text-align: center;
	font-size: 150%;
	text-decoration: none;
	border: 1px dotted #003366;
}
.loginlink a:hover {
	background-color: #EACB3C;
	color: #325399;
}