/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }


#cart {
	float: left;
	height: 100px;
	width: 200px;
	background-color: #CCCCCC;
	margin-left: 700px;
}


#content ul {
	float: left;
}

#content li {
	list-style-position: inside;
	list-style-type: disc;
	list-style-image: url(http://www.packitonline.co.uk/images/list.png);
	display: list-item;
}


h1 {
	font-size: 14px;
	color: #000000;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}



#content a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #0099FF;
	text-decoration: none;
	font-weight: normal;
}
#content a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	font-weight: normal;
}
#content a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	text-decoration: none;
	color: #0099FF;
	font-weight: normal;
}



#product a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
#product a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #0066FF;
	text-decoration: none;
	font-weight: bold;
}
#product a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}





#footer a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #000000;
	text-decoration: none;
}
#footer a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #FFFFFF;
	text-decoration: none;
}
#footer a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	text-decoration: none;
	color: #000000;
}




body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
}


#wrapper { 
 margin: 0 auto;
 width: 922px;
}
#header {
	color: #333;
	width: 100%;
	height: 100px;
	margin: 0px;
}
#navigation {
	width: 100%;
	height: 50px;
	color: #333;
	margin: 0px;
	background-image: url(http://www.packitonline.co.uk/images/nav-bg.jpg);
}
#leftcolumn {
	color: #333;
	border: 1px none #ccc;
	padding: 0px;
	width: 200px;
	float: left;
	margin-top: 10px;
}
#quantity {
	height: 125px;
	width: 200px;
	margin-top: 10px;
}
#map {
	background-image: url(http://www.packitonline.co.uk/images/map.jpg);
	float: left;
	height: 250px;
	width: 250px;
}
#del-charges {
	height: 250px;
	width: 250px;
}


#content {
	float: left;
	border: 1px none #ccc;
	padding: 10px;
	width: 500px;
	display: inline;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #666666;
}
#home-intro {
	color: #333333;
	background-image: url(http://www.packitonline.co.uk/images/home.jpg);
	height: 200px;
	width: 500px;
	z-index: 1;
}
#home-sections {
	background-image: url(http://www.packitonline.co.uk/images/home-sections.jpg);
	height: 600px;
	width: 500px;
	margin-top: 10px;
}
#bag-head {
	height: 100px;
	width: 230px;
	position: relative;
	left: 5px;
	top: 5px;
}
#pad-head {
	left: 260px;
	position: relative;
	float: left;
	height: 100px;
	width: 230px;
	top: auto;
	bottom: 225px;
}
#pad-text {
	position: relative;
	height: 120px;
	width: 230px;
	left: 40px;
        float: left;
	top: -115px;
	font-size: 12px;
	line-height: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}

#bubble-head {
	height: 100px;
	width: 230px;
	left: 10px;
	float: left;
	position: relative;
	bottom: 90px;
}


#bubble-text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #666666;
    float: left;
	height: 120px;
	width: 230px;
	position: relative;
	top: 25px;
	left: -220px;
}
#other-text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	height: 50px;
	width: 480px;
	position: relative;
	float: left;
	left: 10px;
	top: -85px;
	color: #666666;
}


#label-head {
	height: 100px;
	width: 230px;
	left: 260px;
	float: left;
	position: relative;
	bottom: 210px;
}


#label-text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
    float: left;
	color: #666666;
	height: 120px;
	width: 230px;
	position: relative;
	top: -95px;
	left: 35px;
}




#bag-text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #666666;
	position: relative;
	left: 5px;
	padding: 5px;
	top: 10px;
	height: 120px;
	width: 225px;
}


#intro-text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #666666;
	float: right;
	height: 140px;
	width: 315px;
	margin-top: 50px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

#rightcolumn {
	color: #333;
	width: 175px;
	float: left;
	margin-left: 0px;
}
#special {
	height: 550px;
	width: 175px;
	margin-top: 10px;
	float: right;
}
#mixed {
	height: 100px;
	width: 175px;
	margin-top: 10px;
	position: relative;
	float: left;
}

#bio {
	height: 100px;
	width: 175px;
	margin-top: 10px;
	position: relative;
	float: left;
}



#google {
	height: 80px;
	width: 200px;
	position: relative;
	float: left;
	margin-top: 10px;

}

#paypal {
	height: 70px;
	width: 200px;
	position: relative;
	float: left;
	margin-top: 10px;

}




#delivery {
	height: 125px;
	width: 200px;
	margin-top: 10px;
}

#faq {
	float: left;
	height: 200px;
	width: 300px;
	margin-top: 30px;
	background-image: url(http://www.packitonline.co.uk/images/FAQ.png);
	background-repeat: no-repeat;

}

#quick-links {
	float: left;
	height: 200px;
	width: 300px;
	margin-top: 30px;
	background-image: url(http://www.packitonline.co.uk/images/best.png);
	background-repeat: no-repeat;
}


#accepted {
	height: 100px;
	width: 300px;
	float: left;
	position: relative;
	top: 40px;
}
#copy {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #000000;
	float: left;
	position: relative;
	top: 70px;
	left: 40px;
}

#footer {
	width: 100%;
	clear: both;
	color: #333;
	margin-top: 25px;
	margin-right: 0px;
	margin-left: 0px;
	height: 230px;
	background-image: url(http://www.packitonline.co.uk/images/footer-bg.jpg);
}


#footer-box {
	color: #333333;
	clear: both;
	height: 200px;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: -35px;
}




#logo {
	clear: both;
	height: 100px;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(http://www.packitonline.co.uk/images/logo-bg.jpg);
}



#dropline {
	list-style:none;
	height:20px;
	position:relative;
	clear: both;
	margin-right: auto;
	margin-left: -20px;
	background-image: url(http://www.packitonline.co.uk/ulback.gif);
	background-repeat: repeat-x;
}
#dropline table {border-collapse:collapse: width:0; height:0; margin:-3px -10px;}

#dropline li {float:left;}
#dropline li a {
	display:block;
	height:40px;
	line-height:20px;
	padding:0 20px 0 0;
	float:left;
	color:#000000;
	text-decoration:none;
	font-family:tahoma, sans-serif;
	font-size:12px;
}
#dropline li a b {display:block; height:40px; float:left; padding:0 0 0 20px; cursor:pointer;}
#dropline li a:hover {
	line-height:20px;
	height:44px;
	color: #999999;
}
#dropline li a:hover b {
	line-height:20px;
}

#dropline li:hover > a {
	line-height:20px;
	height:44px;
	color: #999999;
}
#dropline li:hover > a b {
	line-height:20px;
}

#dropline ul {
	padding:0;
	list-style:none;
	position:absolute;
	height:25px;
	width:700px;
	left:-9999px;
	top:20px;
	z-index:10;
	border-bottom:1px solid #fff;
	color: #000000;
	margin-top: 0;
	margin-right: 10;
	margin-bottom: 0;
	margin-left: 0;
}
#dropline ul li {height:25px; line-height:25px;}
#dropline ul.right li {float:right;}
#dropline ul li a {
	color:#FFFFFF;
	padding:0 10px 0 10px;
	height:25px;
	line-height:25px;
	border-right:1px solid #e60;
	font-weight:bold;
	font-size:11px;
}
#dropline ul li a:hover {
	height:25px;
	line-height:25px;
	background:transparent;
	color:#999999;
}
#dropline ul.right li a {border-left:1px solid #e60; border-right:0;}
#dropline ul li a.last {border:0;}


#dropline :hover ul {left:0;}

#dropline li.current ul {left:0; z-index:1;}
#dropline li.current a {
	line-height:20px;
	height:44px
}
#dropline li.current a b {
	line-height:20px;
}
#dropline li.current ul li a {
	color:#000;
	padding:0 10px 0 10px;
	height:25px;
	line-height:20px;
	background:transparent;
}
#dropline li.current ul li.current_sub a {color:#c60;}
#dropline li.current ul li a:hover {color:#c60;}
#nav-bar {
	clear: both;
	height: 50px;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 5px;
}



#menu {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 200px;
	background-color: #CCCCCC;
	line-height: 25px;
}
#menu li {
	margin: 0;
	padding: 0;
	font-family: "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size: 10pt;
}
#menu a {
	color: #666666;
	display: block;
	margin: 0;
	text-decoration: none;
	font-weight:normal;
	background-color: #FFFFCC;
	padding-top: 2px;
	padding-right: 12px;
	padding-bottom: 2px;
	padding-left: 12px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}
#menu a:hover {
	color: #fff;
	padding-bottom: 2px;
	background-color: #CCCCCC;
	background-image: url(http://www.packitonline.co.uk/images/images/hover.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #666666;
}

#product {
	width: 495px;
}