/* CSS Document */


/*###########################
#######GENERAL LAYOUT########
#############################*/

body {
	margin:0px;
	behavior: url(csshover.htc);
}

h1, h2, h3, h4, h5, h6, p, form, ul {
	margin:0px;
	padding:0px;
}

h1 {
	font-size:130%;
	padding:10px 0px 3px 0px;
	color:#39698D;
}

h2 {
	font-size:110%;
	padding:5px 0px 3px 0px;
	color:#4580A2;
}

h3 {
	font-size:100%;
	padding:0px 0px 0px 0px;
	color:#666666;
}

#doc {
	width:770px;
	margin:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:70%;
	color:#666666;
}

a {
	color:#4580A2;
	text-decoration:none;
}

p {
	clear:both;
}

img {
	border:none;
	padding:0px;
	margin:0px;
}

ul {
	padding:0px 0px 5px 20px;
}

.error
{
    color:Red;
}

/*###########################
#######HEADER LAYOUT########
#############################*/

#header {
	width:770px;
	font-size:90%;
	text-align:center;
}

.headerleft {
	float:left;
	clear:none;
	padding:0px;
	margin:0px;
}

.headerright {
	float:right;
	clear:none;
	padding:0px;
	margin:0px;
}

ul#topmenu {
	list-style:none;
	margin:0px 0px 4px 0px;
	padding:4px 7px 0px 0px;
	text-align:right;
}

ul#topmenu li {
	display:inline;
}

ul#topmenu li a {
	color:#427DA0;
	text-decoration:none;
	padding:0px 5px 0px 5px;
}

#header p.pad {
	padding:4px 17px 6px 0px;
}

/*###########################
#########NAV LAYOUT#########
#############################*/

#nav {
	background:url(../images/nav-bg.gif) top no-repeat;
	width:636px;
	height:18px;
	margin:0 auto 0 auto;
	padding:7px 0px 0px 30px;
	clear:both;
	z-index:1000;
}

#navmain {
	list-style:none;
	padding:1px 0px 0px 0px;
	text-align:center;
	color:#999999;
	margin:0px;
}

#navmain li {
	float:left;
	position:relative;
	font-size:95%;
	height:17px;
}

#navmain li a {
	color:#666666;
	text-decoration:none;
	padding:0px 24px 0px 24px;
}

#navmain ul {
	padding:0px 0px 0px 0px;
	margin:0px;
	position:absolute;
	top:17px;
	left:0px;
	font-size:100%;
	float:none;
	display:none;
}

#navmain ul.productnav {
	width:130px;
	list-style:none;
	left:-15px;
}

#navmain ul.accessoriesnav {
	width:140px;
	list-style:none;
	left:-12px;
}

#navmain ul.heretohelpnav {
	width:100px;
	list-style:none;
	left:6px;
}

#navmain ul.aboutusnav {
	width:120px;
	list-style:none;
	left:-12px;
}

#navmain ul li {
	background:#D2D3D4 url(../images/break-drop.gif) top no-repeat;
	padding:5px 0px 0px 0px;
	margin:0px;
	text-align:center;
	float:none;
	height:15px;
}

#navmain ul li a {
	padding:0px;
	margin:0px;
}

#navmain ul li.top {
	background:url(../images/top-drop.gif) center repeat-x;
	padding:5px 0px 0px 0px;
}

#navmain ul li.tall {
	height:27px;
}

#navmain ul li.bottom {
	background:#D2D3D4 url(../images/break-drop.gif) top no-repeat;
	padding:5px 0px 0px 0px;
}

#navmain ul li.break {
	background:url(../images/break-drop.gif) no-repeat;
	height:2px;
	padding:0px;
}

#navmain li:hover ul {
	display:block;
}

/*###########################
#######MAIN LAYOUT########
#############################*/

#mainContent {
	width:770px;
	margin:auto;
	padding:30px 0px 0px 0px;
}

#mainContent p {
	padding:0px 0px 6px 0px;
}

#flashcontent {
	text-align:center;
	width:666px;
	margin:auto;
}

/*###########################
############TABLE#############
#############################*/

th {
	height:20px;
	color:#FFFFFF;
	background:#658EAA;
	padding:0px 0px 0px 0px;
	font-weight:normal;
	
}

th.padright {
	padding:0px 5px 0px 0px;
}

th.padleft {
	padding:0px 0px 0px 5px;
}


/*###########################
############FORM#############
#############################*/

label {
	width:60px;
	float:left;
	clear:none;
	padding:4px 0px 0px 0px;
}

label.medium {
	width:80px;
}

label.large {
	width:120px;
}

label.larger {
	width:150px;
}

label.terms {
	width:240px;
}

label.exlarge {
	width:300px;
}

label.nopad {
	padding:0px;
}

input {
	width:200px;
	float:left;
	clear:none;
}

input.small {
	width:100px;
}

.checkbox {
	width:15px;
}

textarea {
	width:300px;
	height:100px;
}

#mainContent p.padtop10 {
	padding:10px 0px 4px 0px;
}

#mainContent p.padtop5 {
	padding:5px 0px 0px 0px;
}

#mainContent p.labelpadding {
	padding:5px 0px 5px 60px;
}

#mainContent p.labelmediumpadding {
	padding:5px 0px 5px 80px;
}

#mainContent p.labellargepadding {
	padding:5px 0px 5px 120px;
}

#mainContent p.labellargerpadding {
	padding:5px 0px 5px 150px;
}

#mainContent p.labelexlargepadding {
	padding:5px 0px 5px 300px;
}

/*###########################
#######CONTENT / ADVERTS########
#############################*/

.footerContent {
	width:480px;
	float:left;
	padding:0px 0px 0px 50px;
}

.footerAdvert {
	width:230px;
	float:right;
	padding:0px 5px 0px 0px;
}

.otherContent {
	width:480px;
	float:left;
	padding:0px 0px 0px 50px;
}

.otherAdvert {
	width:230px;
	float:right;
	padding:0px 5px 0px 0px;
}

.basketContent {
	width:740px;
	margin:auto;
	padding:0px;
}

.basketContent2 {
	width:600px;
	padding:0px;
	margin:auto;
}

.orderhistory {
	width:620px;
	padding:0px;
	margin:auto;
}

.previousorder {
	width:715px;
	padding:0px;
	margin:auto;
}

.loginContent {
	width:660px;
	margin:auto;
	padding:0px;
}

.loginbox {
	width:400px;
	height:220px;
	padding:5px 0px 0px 15px;
	float:left;
	clear:none;
	background:url(../images/login-keyline2.gif) top left no-repeat;
}

.adminloginbox {
	width:435px;
	height:189px;
	padding:5px 0px 0px 15px;
	float:left;
	clear:none;
	background:url(../images/login-keyline.gif) top left no-repeat;
}

.registerbox {
	width:180px;
	float:left;
	clear:none;
	text-align:center;
	padding:40px 0px 0px 0px;
}

fieldset.rightpad10 {	
	padding:5px 0px 5px 10px;
	/*border: 1px solid #658EAA;*/
}

.productLeft {
	float:left;
	clear:none;
	width:180px;
}

.checkout {
	float:right;
	padding:20px 0px 0px 0px;
}

.checkout2 {
	float:right;
	text-align:right;
	padding:0px 70px 0px 0px;
}

.checkout3 {
	text-align:right;
	padding:20px 70px 0px 0px;
}

.bagit {
	background:url(../images/bagit-bg.gif) top left no-repeat;
	padding:5px 10px 0px 20px;
	clear:both;
	margin: 10px auto 10px auto;
	width:732px;
	height:128px;
	text-align:left;
}

.bagitheader {
	font-size:130%;
}

.seoLeft {
	width:350px;
	padding:0px 20px 0px 20px;
	float:left;
	clear:none;
}

.seoRight {
	width:350px;
	padding:0px 0px 0px 20px;
	float:left;
	clear:none;
}

.celebBox {
	width:150px;
	padding:15px 10px 0px 0px;
	float:left;
	clear:none;
	text-align:center;
}

.celebBox img {
	padding:0px 0px 10px 0px;
}

/*###########################
####LEFT BOX DESCRIPTIONS####
#############################*/

#boxdesc {
	width:180px;
}

#boxdesc h1 {
	font-size:110%;
	font-weight:normal;
	color:#4B4B4B;
	padding:5px 10px 5px 10px;
	margin:0px;
	border:1px solid #CDCFD0;
	border-bottom:none;
}

#boxdesc h1.create {
	font-weight:bold;
	color:#658EAA;
}

#boxdesc p {
	font-size:90%;
	color:#4B4B4B;
	padding:5px 9px 5px 9px;
	border:1px solid #CDCFD0;
	border-bottom:none;
	width:160px;
}

#boxdesc p.btmborder {
	border-bottom:1px solid #CDCFD0;
}

#boxdesc p.noborder {
	border:none;
	border-top:1px solid #CDCFD0;
	height:2px;
}

#boxdesc ul {
	font-size:90%;
	color:#4B4B4B;
	padding:5px 5px 5px 20px;
	border:1px solid #CDCFD0;
	width:153px;
	list-style:disc outside;
}

.delHolder {
	clear:both;
}

.delboxLeft {
	width:190px;
	border:1px solid #cccccc;
	border-bottom:none;
	padding:7px;
	float:left;
}

.delboxRight {
	width:40px;
	text-align:center;
	border:1px solid #cccccc;
	border-left:none;
	border-bottom:none;
	padding:7px;
	float:left;
}

.btmborder {
	border-bottom:1px solid #CCCCCC;
	margin:0px 0px 20px 0px;
}


.productMiddle {
	float:left;
	clear:none;
	width:395px;
	text-align:right;
}

.productRight {
	float:right;
	clear:none;
	width:195px;
	text-align:right;
}

#formdesc {
	width:180px;
	float:right;
	border:1px solid #CDCFD0;
	margin:10px 0px 0px 0px;
	padding-bottom:5px;
}

#formdesc h1 {
	font-size:110%;
	font-weight:normal;
	color:#4B4B4B;
	padding:5px 10px 5px 10px;
	margin:0px;
	border-bottom:1px solid #CDCFD0;
	text-align:left;
}

#formdesc p {
	font-size:90%;
	color:#4B4B4B;
	padding:5px;
	width:180px;
	text-align:left;
	clear:both;
}

#formdesc p label {
	width:60px;
	float:left;
	padding:4px 0px 0px 0px;	
}

#formdesc p input {
	width:30px;
	float:left;
	margin:0px 5px 0px 0px;
}

#formdesc p select {
	width:100px;
	float:left;
}

#formdesc p.btmborder {
	border-bottom:1px solid #CDCFD0;
}

#formdesc p img {
	margin:0px 0px 0px 15px;
}

/*###########################
############MISC#############
#############################*/

.boldblue {
	font-weight:bold;
	font-size:140%;
	color:#658EAA;
}

.boldblueSmall {
	font-weight:bold;
	font-size:120%;
	color:#658EAA;
}

.h1copy {
	font-size:120%;
	font-weight:normal;
	color:#4B4B4B;
}

.blue {
	/*font-size:110%;*/
	color:#658EAA;
}

.blueheader {
	background:#658EAA;
	color:#FFFFFF;
	padding:3px 0px 3px 3px;
	margin:0px 0px 3px 0px;
}

.red {
	color:#CC0000;
}

.blackbold {
	color:#000000;
	font-weight:bold;
}

.center {
	text-align:center;
}

input.center {
	text-align:center;
	float:none;
}

.bold {
	font-weight:bold;
}

.noborder {
	border:none;
}


#boxdesc ul.nobtmborder {border-bottom:none;}
#boxdesc .notopborder {border-top:none;}

.nopad {
	padding:0px;
}

fieldset {
	padding:0px;
	margin:0px 0px 10px 0px;
}

#info {
	position:relative;
	top:-350px;
	left:30px;
}

.textRight {
	text-align:right;
}

.padtop10 {
	padding-top:20px;
}

.padtop30 {
	padding-top:30px;
}

.padleft20 {
	padding-left:20px;
}

.padright5 {
	padding:0px 5px 0px 0px;
	text-align:right;
}

.clear {
	clear:both;
	height:1px;
	line-height:1px;
	display:inline;
}

.noclear {
	clear:none;
	float:none;
}

.hidden {
	display:none;
}

.left {
	float:left;
	clear:none;
}

.right {
	float:right;
	clear:none;
	padding:0 0 5px 0;
}

span.pad {
	padding:0px 0px 0px 0px;
}

p img.imgRight {
	float:right;
	margin:0px 0px 3px 3px;
	clear:none;
}

.box {
	padding:10px;
	font-size:90%;
	color:#4B4B4B;
	border:1px solid #CDCFD0;
	text-align:left;
	margin-top:20px;
}

/*###########################
##########ADVERT UL###########
#############################*/

ul.sideadvert {
	list-style:none;
	text-align:right;
}

ul.sideadvert li {
	margin:0px;
}

ul.bottomadvert {
	list-style:none;
	padding:0px;
	margin:0px;
}

ul.bottomadvert li {
	display:inline;
}

/*###########################
#######FOOTER LAYOUT########
#############################*/

#footer {
	text-align:center;
	margin:auto;
	clear:both;
	padding:20px 0px 0px 0px;
}

#footer ul {
	list-style:none;
	margin:8px 0px 4px 0px;
	padding:4px 0px 0px 0px;
	background:url(../images/keyline.gif) top no-repeat;
}

#footer ul li {
	display:inline;
}

#footer ul li a {
	color:#427da0;
	text-decoration:none;
	padding:0px 5px 0px 5px;
}

#footer p {
	background:url(../images/keyline.gif) top no-repeat;
	padding:6px 0px 0px 0px;
	font-size:90%;
	color:#999999;
	text-align:center;
}

#footer p.noborder {
	background:none;
}

#footer a {
	color:#999999;
	text-decoration:none;
}