form input.sub { border:1px solid #afafaf; width:70px; background:url(../images/metalnav.jpg) repeat-x;}

form input.hide { display:none;}

p.linkback {display:block; width:350px; float:left; }
p.linkback a{display:block; float:left; padding-right:15px; padding-bottom:4px; text-align:left; margin-top:20px; font-weight:bold;}

p.backtotop {display:block; width:auto; float:left; padding-left:125px; margin-top:20px; }
p.backtotop a{ padding-bottom:4px; text-align:left;font-weight:bold;}

/*--------------------------login form---------------------------*/
form#login {font-size: 10pt; padding: 10px; width: 350px; border:1px solid #afafaf; margin:0px auto 10px auto; height:85px;}
form#login label {display: block; width: 130px; float: left;margin-bottom: 10px; text-align:right; padding-right:20px;}
form#login input {display: block; width: 170px; float: left; margin-bottom: 10px; border:1px solid #afafaf;}
form#login input.sub { border:1px solid #afafaf; width:70px; }
form#login input.hide { display:none;}

form#register {font-size: 10pt; padding: 10px; width: 350px; border:1px solid #afafaf; margin:0px auto 10px auto; height:405px;}
form#register label {display: block; width: 130px; float: left;margin-bottom: 10px; text-align:right; padding-right:20px; }
form#register label.eg { margin-top:-10px; padding-left:125px; width:150px; font-size:8pt;}
form#register input, form#register select  {display: block; width: 170px; float: left; margin-bottom: 10px; border:1px solid #afafaf;}
form#register input.sub { border:1px solid #afafaf; width:70px; }
form#register input.hide { display:none;}

form#fpass {font-size: 10pt; padding: 10px; width: 350px; border:1px solid #afafaf; height:55px;}
form#fpass label {display: block; width: 130px; float: left;margin-bottom: 10px; text-align:right; padding-right:20px;}
form#fpass input {display: block; width: 170px; float: left; margin-bottom: 10px; border:1px solid #afafaf;}
form#fpass input.sub { border:1px solid #afafaf; width:70px; }
form#fpass input.hide { display:none;}

table.order {float:left; border:1px solid #106b94; padding:0px; margin-bottom:10px;}
table.order td { padding:3px 5px 3px 5px; font-size:11px; background:#ffffff;}
table.order .b {font-weight:bold;}
table.order input {width:70px;}

table.discount {float:left; border-top:1px solid #afafaf; border-left:1px solid #afafaf; padding:0px; margin-top:10px; }
table.discount td {border-right:1px solid #afafaf; border-bottom:1px solid #afafaf; padding:3px 5px 3px 5px; font-size:11px; width:50%;}

.addToCart, .checkOut{ text-align:center; border:1px solid #afafaf; background:url(../images/metalnav.jpg) repeat-x; margin:0px; float:left; font-size:11px; padding:3px 0px 3px 0px;margin-top:10px; }
.addToCart { width:90px; margin-top:0px; margin-left:35px;}
.checkOut { width:100px; }
a.addToCart:link, a.checkOut:link      	{color:#000000; text-decoration:none;}
a.addToCart:visited, a.checkOut:visited  {color:#000000; text-decoration:none;}
a.addToCart:hover, a.checkOut:hover     {color:#ff9900; }

div.wrap{padding-left:10px;float:left;}
table.generalCart {float:left; border-top:1px solid #106b94; border-left:1px solid #106b94; padding:0px; margin-bottom:10px;}
table.generalCart td {border-right:1px solid #106b94; border-bottom:1px solid #106b94; padding:3px 5px 3px 5px; font-size:10px; background:#ffffff;}
table.generalCart .b {font-weight:bold;}
table.generalCart input.num {width:40px;}
table.generalCart .noRightBorder {border-right:0px;}

table.generalCart1 {float:left; border-top:1px solid #afafaf; border-left:1px solid #afafaf; padding:0px; margin-bottom:10px;}
table.generalCart1 td {border-right:1px solid #afafaf; border-bottom:1px solid #afafaf; padding:3px 5px 3px 5px; font-size:11px;}
table.generalCart1 .b {font-weight:bold;}
table.generalCart1 input.num {width:40px;}
table.generalCart1 .noRightBorder {border-right:0px;}

table.personalInfo {float:left; border:1px solid #106b94; margin-bottom:10px;}
table.personalInfo td{padding:4px;}
/*---------------------------cart count section----------------------------*/
/*#loginrow{margin-top:30px; margin-bottom:10px; float:left; text-align:right; width:184px; font-size:12px;}*/
#cartCountTop  {padding-top:10px; padding-bottom:10px; float:left; font-weight:bold; font-size:12px; text-align:center; width:184px; background:url(../images/cartcount_top.gif) top; color:#ff9900; margin-top:30px;}
#cartCountTop a{color:#ff9900;}
#cartCount { width:184px; float:left; background:url(../images/cartcount_bottom.gif) bottom;}
#cartCount br {clear:both;}
#cartRightTop2 {float:left; width:164px; color:#ffffff; background-color:#a8adb3; padding:5px 10px 5px 10px;font-size:11px; font-weight:bold;}

#cartRightBody { width:164px; padding:10px; font-size:11px; text-align:center;float:left;}
#cartRightBody1 { width:164px; padding:10px; font-size:11px; border-top:0px; text-align:center;float:left;}
#cartRightBody #justadded {color:#336999; font-weight:bold;float:left;}
#cartRightBody #recentItemTitle { width:162px; font-size: 11px;font-weight: bold;color: #EF3F35; text-align:left; margin-top:10px;float:left;}
#cartRightBody #recentItemSubtitle { width:160px; text-align:left;float:left;}
#cartRightBody hr { border:1px solid #a8adb3; width:160px; float:left; margin-top:5px;}
#cartRightBody .black {font-size:11px;text-align:left;margin-top:10px; width:160px; float:left;}
#cartRightBody .black select {border:1px solid #006699; background-color:#ffffff; margin:0px; width:85px;}
#cartRightBody .black .left {width:70px;}
#cartRightBody .black .right {text-align:right;width:auto;margin-top:-13px;}
#cartRightBody #navlink {float:left; width:130px; text-align:left; padding-left:0px;}
#cartRightBody ul { list-style:square;  margin-left:30px; padding-left:10px; margin-top:15px;}
#cartRightBody ul li { color:#336699; font-weight:bold;}
#cartRightBody1 #navlink {float:left; width:112px; text-align:left; padding-left:30px;}
#cartRightBody1 ul {margin-left:0px; padding-left:10px; margin-top:5px;}
#cartRightBody1 ul li { color:#336699; font-weight:bold;}
#cartRightBody .checkOut { margin-left:30px;}

#shippingTop  {padding:10px;  float:left; width:164px; background:url(../images/cartcount_top.gif) top no-repeat;}
#shipping { width:184px; float:left; background:url(../images/cartcount_bottom.gif) bottom; margin-top:20px; font-size:10px; color:#ff0000; }

/*----------------------------main2cols template------------------------------*/
#buttonRow {width:100%;float:left; margin-bottom:10px; font-size:11px;}
/*#buttonRow div.bnLeft, #buttonRow input.bnRight{display:block;text-align:center; border:1px solid #666666; background-image:url(../images/nav_bg.jpg); background-repeat:repeat-x; margin:0px; float:left; font-size:12px; padding-top:2px;margin-top:10px; width:120px;}
#buttonRow div.bnLeft{float:left;}
#buttonRow div.bnLeft a{ text-decoration:none; display:block; height:18px; margin-top:2px; color:#000000;}
#buttonRow div.bnLeft a:hover {color:#ff3d04; background-image:url(/images/nav_bg_o.jpg); background-repeat:repeat-x;}
#buttonRow input.bnRight{float:right; font-size:11px; border:1px solid #666666; font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; }
#buttonRow input.bnRight:hover{color:#ff3d04; background-image:url(/images/nav_bg_o.jpg); background-repeat:repeat-x;}
#buttonRow a.cartButton {float:right; background-image:url(../images/nav_bg.jpg); padding:4px 2px 2px 2px; font-size:11px; border:1px solid #666666; font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; color:#000000; margin-top:10px; }
#buttonRow a.cartButton:hover{text-decoration:none; color:#ff3d04;}*/

#buttonRow a.bnLeft{background:url(../images/metalnav.jpg) repeat-x; font-size:11px; color:#000000; border:1px solid #106b94; display:block; width:150px; text-align:center; padding:2px 0px 2px 0px; float:left; margin-bottom:5px;}
#buttonRow a.bnLeft:hover{text-decoration:none; color:#ff9900;}

#buttonRow a.bnRight{background:url(../images/metalnav.jpg) repeat-x; font-size:11px; color:#000000; border:1px solid #106b94; display:block; width:200px; text-align:center; padding:2px 0px 2px 0px; float:right; margin-bottom:5px;}
#buttonRow a.bnRight:hover{text-decoration:none; color:#ff9900;}

#buttonRow input.bnRight{background:url(../images/metalnav.jpg) repeat-x; font-size:11px; color:#000000; border:1px solid #106b94; width:150px; text-align:center; padding:0px; float:right; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; margin-bottom:5px;}
#buttonRow input.bnRight{cursor:pointer;}
#buttonRow input.bnRight:hover{color:#ff9900;}

/*----------------------------------view basket items final---------------------------------*/
table#checkoutTitle {margin-bottom:10px;}
table#checkoutTitle td {text-align:center; border:1px solid #106b94; border-bottom:4px solid #106b94; border-right:0px; background-image:url(../images/metalnav.jpg); background-repeat:repeat-x; margin:0px; float:left; font-size:12px; padding-top:2px;margin-top:10px;}
table#checkoutTitle td.last {border-right:1px solid #666666;}
.checkoutTotal {width:387px;float:left;margin-bottom:10px;padding:5px;background-color:#eeeeee;text-align:right;font-weight:bold;font-size:11px;}
.checkoutTotal1 {width:482px;float:left;margin-bottom:10px;padding:5px;background-color:#eeeeee;text-align:right;font-weight:bold;font-size:11px;}

/*---------------------------------------new login input form------------------------------*/
.loginbox{padding-left:10px; float:left; width:350px;}
.fancyTitle { border:1px solid #106b94; border-bottom:4px solid #106b94; background-image:url(../images/metalnav.jpg); background-repeat:repeat-x; margin:0px; float:left; font-size:12px; padding-top:2px; padding-left:10px; padding-right:10px; margin-top:10px; margin-bottom:10px; width:310px;}
.fancyTitleFullLenght { border:1px solid #106b94; border-bottom:4px solid #106b94; background-image:url(../images/metalnav.jpg); background-repeat:repeat-x; margin:0px; float:left; font-size:12px; padding-top:2px; padding-left:5px; margin-top:10px; margin-bottom:10px; width:390px;}

form.subscribe {font-size: 10pt; padding: 10px; width: 310px; border:1px solid #106b94; float:left; margin-bottom:10px;}
form.subscribe div.box1 {height:85px;}
form.subscribe div.box2 {height:130px;}
form.subscribe label {display: block; width: 100px; float: left;margin-bottom: 10px; text-align:right; padding-right:20px;}
form.subscribe label.forgot {text-align:left; padding-left:120px; width:170px; margin-top:-10px; font-size:11px;}
form.subscribe input {display: block; width: 170px; float: left; margin-bottom: 10px; border:1px solid #106b94;}
form.subscribe input.sub { border:1px solid #afafaf; width:70px; }
form.subscribe input.hide { display:none;}
form.subscribe p { display:block; width:300px; font-weight:bold; margin-bottom:10px; margin-left:0px; margin-top:0px;}
form.subscribe span.error{display:block; float:left; padding-left:120px; width:170px; margin-top:-10px; margin-bottom:10px; color:#FF0000; font-size:9pt;}

p.error { color:#FF0000; font-size:11px; font-weight:bold;} 
p.note { font-size:11px; }
p.notes { font-size:10px; color:#ff0000;}
/*--------------------------------------------checkout purchase info form-----------------------*/
form#purDetails {width:100%; margin:0px 0px 0px 0px; font-size:11px;}
form#purDetails .title {border:1px solid #106b94; border-bottom:4px solid #106b94; margin:0px; float:left; font-size:12px; padding:2px 5px 0px 5px; margin-top:10px; margin-bottom:10px; width:95%; font-weight:bold; background:url(../images/metalnav.jpg) repeat-x;}
form#purDetails .title2 {border:1px solid #106b94; border-bottom:4px solid #106b94; margin:0px; float:left; font-size:12px; padding:2px 5px 0px 5px; margin-top:10px; margin-bottom:10px; width:95%; font-weight:bold; background:#ffffff;}

form#purDetails .infoBox {float:left; width:95%; border:1px solid #106b94; font-size:11px; padding:5px; margin-bottom:10px; background-color:#ffffff;}
form#purDetails .recipientOption {width:380px; float:left; margin-bottom:10px; padding:5px; background-color:#eaeaea; text-align:left; font-weight:bold; font-size:11px;}

form#purDetails label {display: block; width: 150px; float: left;margin-bottom: 10px; text-align:right; padding-right:10px;}
form#purDetails input, form#purDetails select  {display: block; width: 200px; float: left; margin-bottom: 10px; border:1px solid #336699;}
form#purDetails input.radioBn { width:20px; border:0px; margin-bottom:5px;}
form#purDetails select.month {width:40px; margin-right:2px;}
form#purDetails select.year {width:60px;}
form#purDetails label.example {text-align:left; margin-top:-10px; width:200px; }
form#purDetails label.forgot {text-align:left; padding-left:160px; width:auto; margin-top:-10px; font-size:11px;}
form#purDetails select.billing {width:50px; margin-bottom:0px;}
form#purDetails p {font-weight:bold; text-align:left; margin-left:0px; color:#000000;}
form#purDetails a.radioText { display:block; width:300px; float:left; margin-bottom: 10px; text-align:left;}
form#purDetails img  {display: block; width:auto; float: left; margin-bottom: 10px;padding-right:50px;}
form#purDetails span { display:block; width:auto; float:left; margin-bottom:0px; font-weight:normal;}
form#purDetails span.error { display:block; width:auto; float:left; color:#FF0000; padding-left:160px; margin-top:-10px; margin-bottom:10px; font-size:9pt;}
form#purDetails input.hide { display:none; width:0px; border:0px; height:100px;}
form#purDetails input.submitBn{width:60px; height:20px; text-align:center; border:1px solid #afafaf;float:right;font-size:12px; margin-right:10px; background:url(../images/metalnav.jpg) repeat-x;}

/*---------------------------checkout nonav 4tiles template + final display----------------------*/
#leftTopNav { width:504px; margin:10px; float:left;}
#leftTopNav a:link, #leftTopNav a:visited {text-decoration:none; color:#000000;}
#leftTopNav a:hover, #leftTopNav a:active {text-decoration:underline; color:#ff3d04;}
#rightTopNav {margin:10px; width:216px;float:right;text-align:right;}
#rightTopNav a:link, #rightTopNav a:visited {text-decoration:none; color:#000000; }
#rightTopNav a:hover, #rightTopNav a:active {text-decoration:none; color:#ff3d04;}

#top{width:100%; float:left;}
#middle{width:100%; margin-top:10px; float:left;}
#bottomleft{width:100%;float:left;}
#bottomright{width:100%; float:left; margin-top:10px;}

.detailsTitle{ border:1px solid #106b94; border-bottom:4px solid #106b94; background-image:url(../images/metalnav.jpg); background-repeat:repeat-x; margin:0px; float:left; font-size:12px; padding-top:2px; padding-left:5px; margin-top:10px; margin-bottom:10px; width:390px; }


/*----------------------------admin section-------------------------*/
p.addNew { font-size:12pt; text-decoration:underline; color:#005ebb;}
p.addNew a:link{text-decoration:underline;}
p.addNew a:hover{text-decoration:underline;}
p.addNew a:active{text-decoration:underline;}
p.addNew a:visited{text-decoration:underline;}
input.schedule1 { border:1px solid #afafaf; width:250px;}
textarea.schedule2 { border:1px solid #afafaf; width:250px; height:60px; margin-top:5px;}

form.adminGeneral {font-size: 10pt; padding: 10px; width: 375px; border:1px solid #106b94; float:left; margin-bottom:10px;}
form.adminGeneral div.box1 {height:85px;}
form.adminGeneral div.box2 {height:130px;}
form.adminGeneral label {display: block; width: 100px; float: left;margin-bottom: 10px; text-align:right; padding-right:20px;}
form.adminGeneral input {display: block; width: 170px; float: left; margin-bottom: 10px; border:1px solid #afafaf;}
form.adminGeneral input.sub { border:1px solid #afafaf; width:70px; margin-right:1px; }
form.adminGeneral input.status { border:1px solid #afafaf; width:90px; margin-right:1px;  margin-left:10px; background:url(../images/metalnav.jpg) repeat-x;}
form.adminGeneral input.hide { display:none;}
form.adminGeneral textarea {display: block; width:170px; float: left; margin-bottom: 10px; border:1px solid #afafaf; height:50px;}
form.adminGeneral select {display: block; width:170px; float: left; margin-bottom: 10px; border:1px solid #106b94; }
form.adminGeneral p { display:block; width:320px; font-weight:bold; margin-bottom:10px; margin-left:0px; margin-top:0px;}
form.adminGeneral span.error { color:#FF0000; width:auto; font-size:11px;} 
form.adminGeneral input.sub { border:1px solid #afafaf; width:70px; background:url(../images/metalnav.jpg) repeat-x;}

/*-----------------------------layout admin template------------------------*/
ul.rightNav { margin:20px 0px 10px 16px; padding:0px; font-size:15px;}
ul.rightNav ul {font-size:12px; margin:0px; padding:0px;}
ul.rightNav ul li{padding:10px 0px 0px 0px; margin:0px 0px 0px 20px;}

/*-----------------------------admin cart basketItems list all------------------------*/
table.adminCart {float:left; border-top:1px solid #106b94; border-left:1px solid #106b94; padding:0px; margin-bottom:10px; }
table.adminCart td {border-right:1px solid #106b94; border-bottom:1px solid #106b94; padding:3px 5px 3px 5px; font-size:11px;}
table.adminCart tr.title td{ background:url(../images/metalnav.jpg) repeat-x; border-bottom:2px solid #106b94; font-weight:bold;}
table.adminCart .b {font-weight:bold;}
table.adminCart input.num {width:40px;}
table.adminCart .noRightBorder {border-right:0px;}

table.adminCart1 {float:left; border-top:1px solid #afafaf; border-left:1px solid #afafaf; padding:0px; margin-bottom:10px;}
table.adminCart1 td {border-right:1px solid #afafaf; border-bottom:1px solid #afafaf; padding:3px 5px 3px 5px; font-size:11px;}
table.adminCart1 .b {font-weight:bold;}
table.adminCart1 input.num {width:40px;}
table.adminCart1 .noRightBorder {border-right:0px;}

table.cato {float:left; border:1px solid #106b94; padding:0px; margin-bottom:10px;}
table.cato td {padding:3px 5px 3px 5px; font-size:11px; background-color:#ffffff;}


/*-------------------------------------admin sales list------------------------------*/
table.paginationClass { float:left; width:300px; margin-bottom:20px; margin-left:10px;}
table.paginationClass td{ border:0px;} 

/*-------------------------------------layout admin template------------------------------*/
table#checkoutTitleAdmin {margin:10px 0px 10px 0px; float:left;}
table#checkoutTitleAdmin td { text-align:center; border:1px solid #106b94; border-bottom:4px solid #106b94; border-right:0px; background-image:url(../images/metalnav.jpg); background-repeat:repeat-x; margin:0px; float:left; font-size:12px; padding-top:2px;margin-top:10px;}
table#checkoutTitleAdmin td.last {border-right:1px solid #666666;}

#tile1, #tile2, #tile3 {float:left; width:100%;}

/*-------------------------------------admin purchase order note------------------------------*/
form#enterNote {font-size: 10px; margin: 10px 0px 10px 0px; padding: 10px; width:375px; border:1px solid #106b94; height:95px; float:left;}
form#enterNote label {display: block; width: 150px; float: left;margin-bottom: 10px; text-align:right; padding-right:20px;}
form#enterNote textarea {display: block; width: 180px; height:60px; float: left; margin-bottom: 10px; border:1px solid #106b94;}

/*-------------------------------------admin cart images filelist------------------------------*/
/*#imageBox .item {width: 97%; border:1px solid #106b94; margin-top:10px; float:left; padding:5px; font-size:12px;}
#imageBox .item .icon {width: 25%; float:right; text-align:center;}
#imageBox .item .info {width: 50%; float:right; text-align:center;}
#imageBox .item .action {width: 25%; float:right; padding-top:20px; text-align:center;}*/

#imageBox .item {width: 170px; border:1px solid #106b94; margin-top:10px; margin-right:10px; float:left; padding:5px; font-size:12px; background:#ffffff;}
#imageBox .item .icon {width: 170px; float:right; text-align:center;}
#imageBox .item .info {width: 170px; float:right; text-align:center;}
#imageBox .item .action {width: 170px; float:right; padding-top:20px; text-align:center;}


form#upload {font-size: 10px; margin: 10px 0px 10px 0px; padding: 10px; width: 360px; border:1px solid #106b94; height:55px;}
form#upload label {display: block; width: 165px; float: left;margin-bottom: 10px; text-align:right; padding-right:10px;}
form#upload input {display: block; width: 170px; float: left; margin-bottom: 10px; border:1px solid #106b94;}
form#upload input.sub { border:1px solid #afafaf; width:70px;}

form#rss {font-size: 10px; margin: 10px 0px 10px 0px; padding: 10px; width: 360px; border:1px solid #106b94; height:155px;}
form#rss label {display: block; width: 150px; float: left;margin-bottom: 10px; text-align:right; padding-right:20px;}
form#rss input {display: block; width: 180px; float: left; margin-bottom: 10px; border:1px solid #106b94;}
form#rss textarea {display: block; width: 180px; height:60px; float: left; margin-bottom: 10px; border:1px solid #106b94;}
form#rss input.sub { border:1px solid #afafaf; width:70px;}

#loginrowAdmin{margin-top:30px; margin-bottom:0px; width:140px; padding-bottom:10px; font-size:12px; border-bottom:2px solid #106b94;}
