form input.sub { border:1px solid #afafaf; width:70px;}
form input.sub:hover { background-color:#cccccc; color:#606060;}
form input.hide { display:none;}
 
p.linkback {display:block; width:380px; float:left; }
p.linkback a{display:block; float:left; background-image:url(../images/arrow_blue.gif); background-position:right; background-repeat:no-repeat; padding-right:15px; padding-bottom:4px; text-align:left; margin-top:20px; font-weight:bold;}
 
p.error { color:#FF0000; font-weight:bold;} 
.error { color:#FF0000; width:380px; font-size:11px;} 
/*--------------------------main template---------------------------*/
form#loginQuick {font-size: 9pt; margin:0px;}
form#loginQuick label {display: block; width: 50px; float: left;margin-bottom: 10px;  padding-right:20px;}
form#loginQuick input {display: block; width: 120px; float: left; margin-bottom: 10px; border:1px solid #afafaf;}
form#loginQuick input.sub { border:1px solid #afafaf; width:50px; background-color:#ffffff; margin-bottom:0px;}
form#loginQuick input.sub:hover {background-color:#eff0e0;}
form#loginQuick input.hide { display:none;display:block;}
 
/*--------------------------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;}
 
table.order {float:left; border-top:1px solid #afafaf; border-left:1px solid #afafaf; padding:0px; margin-bottom:10px; }
table.order td {border-right:1px solid #afafaf; border-bottom:1px solid #afafaf; padding:3px 5px 3px 5px; font-size:11px;}
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, .buynow{width:90px; float:left; border-bottom:2px solid #e5e5cd; text-align:center; padding-top:2px; padding-bottom:2px; background-color:#cccc9a; border:1px solid #cccc9a; font-size:10pt; margin-top:5px;}
.buynow#right{ margin-left:150px;}
a.addToCart:link, a.buynow:link { color:#000000; text-decoration:none;}
a.addToCart:visited, a.buynow:visited { color:#000000; text-decoration:none;}
a.addToCart:hover, a.buynow:hover { color:#808080; text-decoration:none; background-color:#e5e5cd;}
a.addToCart:active, a.buynow:active { color:#000000; text-decoration:none;}
 

table.generalCart {float:left; border-top:1px solid #cccc9a; border-left:1px solid #cccc9a; padding:0px; margin-bottom:10px;}
table.generalCart td {border-right:1px solid #cccc9a; border-bottom:1px solid #cccc9a; padding:3px 5px 3px 5px; font-size:11px;}
table.generalCart .b {font-weight:bold;}
table.generalCart input.num {width:40px;}
table.generalCart .noRightBorder {border-right:0px;}
 
/*--------------------------forgot the password form---------------------------*/
form#fpass {font-size: 10pt; padding: 10px; width: 350px; border:1px solid #afafaf;  height:65px;}
form#fpass label {display: block; width: 100px; float: left;margin-bottom: 10px; padding-right:20px; text-align:right;}
form#fpass input {display: block; width: 180px; float: left; margin-bottom: 10px; border:1px solid #afafaf;}
form#fpass input.sub {width:60px;}
 
/*---------------------------cart count section----------------------------*/
#cartRightTop1 { float:left;width:200px; text-align:center; padding:10px 10px 10px 10px;font-size:11px; font-weight:bold; font-size:11pt;}
#cartRightTop2 {width:193px; color:#ffffff; margin-left:1px; background-color:#cccc9a; padding:5px 10px 5px 15px;font-size:11px; font-weight:bold; float:left;}
 
#cartRightBody { width:190px; padding:10px 15px 10px 15px; font-size:11px; text-align:center; float:left;}
#cartRightBody #justadded {color:#336999; font-weight:bold;}
#cartRightBody #recentItemTitle {font-size: 10pt;font-weight: bold;color: #EF3F35; text-align:left; margin-top:10px;}
#cartRightBody #recentItemSubtitle { text-align:left;}
#cartRightBody hr { border:1px solid #a8adb3; width:98%; clear:both; margin-top:5px; margin-bottom:0px;}
#cartRightBody .black {font-size:11px;text-align:left;padding-top:10px;}
#cartRightBody .black select {border:1px solid #afafaf; background-color:#ffffff; margin:0px; width:80px; font-size:9pt;}
#cartRightBody .black .left {width:70px;}
#cartRightBody .black .right {text-align:right;width:auto;margin-top:-13px;}
#cartRightBody #navlink { text-align:left; width:190px;}
#cartRightBody ul { list-style-image:url(/images/arrow_blue.gif);  margin-left:10px; margin-top:20px; text-align:left;}
#cartRightBody ul li { margin-left:10px;  color:#336699; font-weight:bold; text-align:left;}
 
/*----------------------------main2cols template------------------------------*/
#buttonRow {width:700px;float:left; margin-bottom:10px; font-size:12px; }
#buttonRow input.bnRight{display:block;text-align:center; border:1px solid #cccc9a; background-color:#cccc9a; margin:0px; float:left; font-size:12px;margin-top:10px; width:120px;}
#buttonRow .cartButton {display:block;text-align:center; border:1px solid #cccc9a; background-color:#cccc9a; margin:10px 3px 0px 0px; float:right; font-size:12px; width:180px;}
#buttonRow div.bnLeft{float:left; margin-top:10px;}
#buttonRow div.bnLeft .cartButton {display:block;text-align:center; border:1px solid #cccc9a; background-color:#cccc9a; margin:-1px 0px 0px 0px; float:left; font-size:12px; width:180px;}
 
#buttonRow div.bnLeft a,.bnRight a{ text-decoration:none; display:block; height:18px; padding-top:2px; color:#000000;}
#buttonRow div.bnLeft a:hover {color:#808080; background-color:#eff0e0;}
#buttonRow input.bnRight{height:22px;float:right; padding-bottom:2px; font-size:14px; border:1px solid #cccc9a;  }
#buttonRow input.bnRight:hover{color:#808080; background-color:#eff0e0;}
 
/*----------------------------------view basket items final---------------------------------*/
table#checkoutTitle {margin-bottom:10px; font-weight:bold;}
table#checkoutTitle td { text-align:center; border:1px solid #cccc9a; border-bottom:2px solid #cccc9a; border-right:0px; background-color:#eff0e0; margin:0px; float:left; font-size:12px; padding-top:2px;margin-top:10px;}
table#checkoutTitle td.last {border-right:1px solid #cccc9a;}
.checkoutTotal {width:688px;float:left;margin-bottom:10px;padding:5px;background-color:#eff0e0;text-align:right;font-weight:bold;font-size:11px; border:1px solid #cccc9a;}
 
/*---------------------------------------new login input form------------------------------*/
.fancyTitle { border:1px solid #cccc9a; border-bottom:2px solid #cccc9a; background-color:#eff0e0; margin:0px; float:left; font-size:12px; padding-top:2px; padding-left:10px; margin-top:10px; margin-bottom:10px; width:320px; font-weight:bold; }
.fancyTitleFullLenght { border:1px solid #cccc9a; border-bottom:2px solid #cccc9a; background-color:#eff0e0; margin:0px; float:left; font-size:12px; padding-top:2px; padding-left:5px; margin-top:10px; margin-bottom:10px; width:463px; font-weight:bold; }
 
#leftBox {width:345px; float:left;}
#rightBox {width:345px; float:right;}
#wholeBox { width:760px; float:left;}
 
form.subscribe {font-size: 10pt; padding: 10px; width: 310px; border:1px solid #afafaf; float:left; margin-bottom:10px;}
form.subscribe div.box1 {height:95px;}
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 #afafaf;}
form.subscribe input.sub { border:1px solid #afafaf; width:70px; }
form.subscribe input.hide { display:none;}
form.subscribe p { display:block; width:310px; font-weight:bold; margin-bottom:10px; margin-left:0px; margin-top:0px;}
 
p.note { font-size:11px;}
 
/*--------------------------------------------checkout purchase info form-----------------------*/
form#purDetails {width:700px; margin:0px 0px 0px 0px;font-size:11px;}
form#purDetails .title {border:1px solid #cccc9a; border-bottom:2px solid #cccc9a; background-color:#eff0e0; margin:0px; float:left; font-size:12px; padding-top:2px; padding-left:5px; margin-top:10px; margin-bottom:10px; width:695px; font-weight:bold;}
form#purDetails .title h1{margin-bottom:5px; margin-top:2px;}
form#purDetails .infoBox {float:left; width:688px; border:1px solid #cccc9a; font-size:11px; padding:5px; margin-bottom:10px;}
form#purDetails .recipientOption {width:688px; float:left; margin-bottom:10px; padding:5px; background-color:#eff0e0; text-align:left; font-weight:bold; font-size:11px;border:1px solid #cccc9a;}
form#purDetails h1.or{display:block; float:left; font-size:20px; color:#ff0000; width:500px; margin-bottom:0px; margin-top:10px;}

form#purDetails label {display: block; width: 250px; float: left;margin-bottom: 10px; text-align:right; padding-right:20px;}
form#purDetails input, form#purDetails select  {display: block; width: 220px; float: left; margin-bottom: 10px; border:1px solid #336699; margin-right:100px;}
form#purDetails input.radioBn { width:20px; border:0px; margin-bottom:0px; margin-right:0px;}
form#purDetails select.month {width:40px; margin-right:10px;}
form#purDetails select.year {width:60px;}
form#purDetails label.example {text-align:left; margin-top:-10px; }
form#purDetails label.forgot {text-align:left; padding-left:270px; width:170px; margin-top:-10px; font-size:11px; text-align:left;}
form#purDetails label.forgot a{text-decoration:underline;}
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;}
form#purDetails span.error { display:block; padding-left:270px; width:400px; float:left; margin-top:-10px; font-size:11px; color:#ff0000; margin-bottom:10px;}
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:20px;}
form#purDetails input.submitBn:hover { background-color:#cccccc; color:#606060;}
 
/*---------------------------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:700px; float:left;}
#middle{width:700px; margin-top:20px; float:left;}
#bottomleft{width:345px;float:left;}
#bottomright{width:345px; float:left; margin-left:10px;}
 
.detailsTitle{ border:1px solid #cccc9a; border-bottom:2px solid #cccc9a; background-color:#eff0e0; margin:0px; float:left; font-size:12px; padding-top:2px; padding-left:5px; margin-top:10px; margin-bottom:10px; width:333px; font-weight:bold;}
 
.personalInfoTitle{ border:1px solid #cccc9a; border-bottom:2px solid #cccc9a; background-color:#eff0e0; margin:0px; float:left; font-size:12px; padding-top:2px; padding-left:5px; margin-top:10px; margin-bottom:10px; width:694px; font-weight:bold;}
 
table.personalInfo {float:left; border:1px solid #cccc9a; padding:0px; margin-bottom:10px;}
table.personalInfo td { padding:3px 5px 3px 5px; font-size:10pt;}
table.personalInfo .b {font-weight:bold;}
 

/*----------------------------admin section-------------------------*/
p.addNew { font-size:12pt; text-decoration:underline; color:#3399ca; display:block; width:400px;}
p.addNew a{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: 310px; border:1px solid #afafaf; 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:80px; margin-right:1px;  margin-left:10px;}
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 #afafaf; }
form.adminGeneral p { display:block; width:320px; font-weight:bold; margin-bottom:10px; margin-left:0px; margin-top:0px;}
 

/*-----------------------------layout admin template------------------------*/
ul.rightNav { padding-top:10px; margin-top:0px; padding-bottom:20px; margin-bottom:0px;}
 
/*-----------------------------admin cart basketItems list all------------------------*/
table.adminCart {float:left; border-top:1px solid #cccc9a; border-left:1px solid #cccc9a; padding:0px; margin-bottom:10px; }
table.adminCart td {border-right:1px solid #cccc9a; border-bottom:1px solid #cccc9a; padding:3px 5px 3px 5px; font-size:11px;}
table.adminCart .b {font-weight:bold;}
table.adminCart input.num {width:40px;}
table.adminCart .noRightBorder {border-right:0px;}
table.adminCart tr.title{ border-bottom:2px solid #cccc9a; background-color:#eff0e0;  font-size:12px; font-weight:bold; }
 
/*-------------------------------------admin sales list------------------------------*/
table.paginationClass { float:left; width:300px; margin-bottom:20px; font-size:10pt;}
table.paginationClass td{ border:0px;} 
 
/*-------------------------------------layout admin template------------------------------*/
table#checkoutTitleAdmin {margin:10px 0px 10px 0px; font-weight:bold;}
table#checkoutTitleAdmin td { text-align:center; border:1px solid #cccc9a; border-bottom:2px solid #cccc9a; border-right:0px; background-color:#eff0e0; margin:0px; float:left; font-size:12px; padding-top:2px;margin-top:10px;}
table#checkoutTitleAdmin td.last {border-right:1px solid #cccc9a;}
 
#tile1, #tile2, #tile3 { float:left;}
 
/*-------------------------------------admin purchase order note------------------------------*/
form#enterNote {font-size: 10px; margin: 10px 0px 10px 0px; padding: 10px; width: 448px; border:1px solid #afafaf; height:95px; float:left;}
form#enterNote label {display: block; width: 170px; float: left;margin-bottom: 10px; text-align:right; padding-right:20px;}
form#enterNote textarea {display: block; width: 250px; height:60px; float: left; margin-bottom: 10px; border:1px solid #afafaf;}
 
/*-------------------------------------admin cart images filelist------------------------------*/
#imageBox .item {width: 458px; border:1px solid #afafaf; margin-top:10px; float:left; padding:5px; font-size:12px;}
#imageBox .item .icon {width: 55px; float:right;}
#imageBox .item .info {width: 125px; margin-left: 100px; float:right;}
#imageBox .item .action {width: 70px; padding-top:20px; margin-left:100px; float:right;}
 
form#upload {font-size: 10px; margin: 10px 0px 10px 0px; padding: 10px; width: 448px; border:1px solid #afafaf; height:55px;}
form#upload label {display: block; width: 150px; float: left;margin-bottom: 10px; text-align:right; padding-right:20px;}
form#upload input {display: block; width: 250px; float: left; margin-bottom: 10px; border:1px solid #afafaf;}
form#upload input.sub { border:1px solid #afafaf; width:70px;}
form#upload input.sub:hover { background-color:#cccccc; color:#606060;}

form#rss{font-size: 10px; margin: 10px 0px 10px 0px; padding: 10px; width: 448px; border:1px solid #afafaf; height:160px;}
form#rss label {display: block; width: 150px; float: left;margin-bottom: 10px; text-align:right; padding-right:20px;}
form#rss input {display: block; width: 250px; float: left; margin-bottom: 10px; border:1px solid #afafaf;}
form#rss textarea {display: block; width: 250px; height:70px; float: left; margin-bottom: 10px; border:1px solid #afafaf;}
form#rss input.sub { border:1px solid #afafaf; width:70px;}
form#rss input.sub:hover { background-color:#cccccc; color:#606060;}

select.recommend{font-size:10px;}