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:350px; 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;}

/*--------------------------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-top:1px solid #afafaf; border-left:1px solid #afafaf; padding:0px; margin-bottom:10px; margin-left: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.order1 {float:left; border-top:1px solid #afafaf; border-left:1px solid #afafaf; padding:0px; margin-bottom:10px;}
table.order1 td {border-right:1px solid #afafaf; border-bottom:1px solid #afafaf; padding:3px 5px 3px 5px; font-size:11px;}
table.order1 .b {font-weight:bold;}
table.order1 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 #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;}
.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:#ff3d04; background-image:url(/images/nav_bg_o.jpg); background-repeat:repeat-x;}
a.addToCart:active, a.checkOut:active    {color:#ff3d04; background-image:url(/images/nav_bg_o.jpg); background-repeat:repeat-x;}

div.wrap{padding-left:10px;float:left;}
table.generalCart {float:left; border-top:1px solid #afafaf; border-left:1px solid #afafaf; padding:0px; margin-bottom:10px; margin-left:10px;}
table.generalCart td {border-right:1px solid #afafaf; border-bottom:1px solid #afafaf; 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;}

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{border:1px solid #afafaf;}

/*---------------------------cart count section----------------------------*/
#cartCountTop img { padding-top:10px; float:left;}
#cartCount { background:url(../images/rightbg_bottom.gif) no-repeat bottom; width:235px; float:left;}

#cartRightTop2 {float:left; width:215px; color:#ffffff; background-color:#a8adb3; padding:5px 10px 5px 10px;font-size:11px; font-weight:bold;}

#cartRightBody { width:213px; padding:10px; font-size:11px; border:1px solid #dcdcdc; text-align:center;float:left;}
#cartRightBody1 { width:213px; padding:10px; font-size:11px; border:1px solid #dcdcdc; border-top:0px; text-align:center;float:left;}
#cartRightBody #justadded {color:#336999; font-weight:bold;float:left;}
#cartRightBody #recentItemTitle { width:213px; font-size: 11pt;font-weight: bold;color: #EF3F35; text-align:left; margin-top:10px;float:left;}
#cartRightBody #recentItemSubtitle { width:213px; text-align:left;float:left;}
#cartRightBody hr { border:1px solid #a8adb3; width:211px; float:left; margin-top:5px;}
#cartRightBody .black {font-size:11px;text-align:left;margin-top:10px; width:213px; float:left;}
#cartRightBody .black select {border:1px solid #afafaf; background-color:#ffffff; margin:0px; width:80px;}
#cartRightBody .black .left {width:70px;}
#cartRightBody .black .right {text-align:right;width:auto;margin-top:-13px;}
#cartRightBody #navlink {float:left; width:163px; text-align:left; padding-left:50px;}
#cartRightBody ul { list-style-image:url(../images/arrow_blue.gif);  margin-left:0px; padding-left:10px; margin-top:15px;}
#cartRightBody ul li { color:#336699; font-weight:bold;}
#cartRightBody1 #navlink {float:left; width:163px; text-align:left; padding-left:50px;}
#cartRightBody1 ul { list-style-image:url(../images/arrow_blue.gif);  margin-left:0px; padding-left:10px; margin-top:15px;}
#cartRightBody1 ul li { color:#336699; font-weight:bold;}
#cartRightBody .checkOut { margin-left:50px;}

/*----------------------------main2cols template------------------------------*/
#buttonRow {width:492px;float:left; margin-bottom:10px; font-size:12px; padding-left:10px; }
#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; }
#buttonRow input.bnRight{float:right; font-size:11px; border:1px solid #666666; font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; height:24px; }
#buttonRow input.bnRight:hover{color:#ff3d04; }
#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;}

/*----------------------------------view basket items final---------------------------------*/
table#checkoutTitle {margin-bottom:10px; margin-left:10px;}
table#checkoutTitle td { text-align:center; border:1px solid #666666; border-bottom:4px solid #666666; border-right:0px; background-image:url(../images/nav_bg.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:482px;float:left;margin-bottom:10px;padding:5px;background-color:#cccccc;text-align:right;font-weight:bold;font-size:11px; margin-left:10px;}
.checkoutTotal1 {width:482px;float:left;margin-bottom:10px;padding:5px;background-color:#cccccc;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 #666666; border-bottom:4px solid #666666; background-image:url(../images/nav_bg.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 #666666; border-bottom:4px solid #666666; background-image:url(../images/nav_bg.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:483px; margin-left:10px; }

form.subscribe {font-size: 10pt; padding: 10px; width: 310px; border:1px solid #afafaf; 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 #afafaf;}
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; }

/*--------------------------------------------checkout login form-----------------------*/
form#purLogin {width:490px; margin:0px 0px 0px 0px; padding-left:10px;font-size:11px;}
form#purLogin .title {border:1px solid #666666; border-bottom:4px solid #666666; background-image:url(../images/nav_bg.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:485px;}
form#purLogin .infoBox {float:left; width:480px; border:1px solid #afafaf; font-size:11px; padding:5px; margin-bottom:10px;}
form#purLogin .recipientOption {width:482px; float:left; margin-bottom:10px; padding:5px; background-color:#eeeeee; text-align:left; font-weight:bold; font-size:11px;}

form#purLogin label {display: block; width: 150px; float: left;margin-bottom: 10px; text-align:right; padding-right:20px;}
form#purLogin input, form#purDetails select  {display: block; width: 220px; float: left; margin-bottom: 10px; border:1px solid #336699;}
form#purLogin input.radioBn { width:20px; border:0px; margin-bottom:0px;}
form#purLogin select.month {width:40px;}
form#purLogin select.year {width:50px;}
form#purLogin label.example {text-align:left; margin-top:-10px; }
form#purLogin label.forgot {text-align:left; padding-left:170px; width:170px; margin-top:-10px; font-size:11px;}
form#purLogin select.billing {width:50px; margin-bottom:0px;}
form#purLogin p {font-weight:bold; text-align:left; margin-left:0px; color:#000000;}
form#purLogin a.radioText { display:block; width:300px; float:left; margin-bottom: 10px; text-align:left;}
form#purLogin img  {display: block; width:auto; float: left; margin-bottom: 10px;padding-right:50px;}
form#purLogin span { display:block; width:auto; float:left;}
form#purLogin span.error { display:block; width:220px; float:left; color:#FF0000; padding-left:170px; margin-top:-10px; margin-bottom:10px; font-size:9pt;}
form#purLogin input.hide { display:none; width:0px; border:0px; height:100px;}
form#purLogin input.submitBn{width:60px; height:20px; text-align:center; border:1px solid #afafaf;float:right;font-size:12px; margin-right:10px;}

/*--------------------------------------------checkout purchase info form-----------------------*/
form#purDetails {width:490px; margin:0px 0px 0px 0px; padding-left:10px;font-size:11px;}
form#purDetails .title {border:1px solid #666666; border-bottom:4px solid #666666; background-image:url(../images/nav_bg.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:485px;}
form#purDetails .infoBox {float:left; width:480px; border:1px solid #afafaf; font-size:11px; padding:5px; margin-bottom:10px;}
form#purDetails .recipientOption {width:482px; float:left; margin-bottom:10px; padding:5px; background-color:#eeeeee; 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:20px;}
form#purDetails input, form#purDetails select  {display: block; width: 220px; float: left; margin-bottom: 10px; border:1px solid #336699;}
form#purDetails input.radioBn { width:20px; border:0px; margin-bottom:0px;}
form#purDetails select.month {width:40px;}
form#purDetails select.year {width:50px;}
form#purDetails label.example {text-align:left; margin-top:-10px; }
form#purDetails label.forgot {text-align:left; padding-left:170px; width:170px; 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;}
form#purDetails span.error { display:block; width:220px; float:left; color:#FF0000; padding-left:170px; 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;}

/*---------------------------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:760px; float:left;}
#middle{width:760px; margin-top:10px; float:left;}
#bottomleft{width:360px;float:left; padding-left:10px;}
#bottomright{width:360px; float:left; padding-left:20px;}

.detailsTitle{ border:1px solid #666666; border-bottom:4px solid #666666; background-image:url(../images/nav_bg.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:313px; }


/*----------------------------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: 310px; border:1px solid #afafaf; float:left; margin-left:10px; 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;}
form.adminGeneral span.error { color:#FF0000; width:auto; font-size:11px;} 

/*-----------------------------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 #afafaf; border-left:1px solid #afafaf; padding:0px; margin-bottom:10px; margin-left:10px;}
table.adminCart td {border-right:1px solid #afafaf; border-bottom:1px solid #afafaf; 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.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;}

/*-------------------------------------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 10px; float:left;}
table#checkoutTitleAdmin td { text-align:center; border:1px solid #666666; border-bottom:4px solid #666666; border-right:0px; background-image:url(../images/nav_bg.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;}

/*-------------------------------------admin purchase order note------------------------------*/
form#enterNote {font-size: 10px; margin: 10px auto 10px auto; padding: 10px; width: 480px; border:1px solid #afafaf; height:95px;}
form#enterNote label {display: block; width: 180px; 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: 478px; border:1px solid #afafaf; margin-top:10px; margin-left:10px; float:left; padding:5px; font-size:12px;}
#imageBox .item .icon {width: 55px; float:right;}
#imageBox .item .info {width: 145px; 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 10px; padding: 10px; width: 468px; 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;}