/**************************************************************
	Page title: Tulipanna flowers
	Created by: aywars
	Date: 11/01/2010
	
**************************************************************/

/*** Basic elements ***/
body {
background:#F7F7F7 url(../img/bodyBg.jpg) repeat-x;
font:12px Arial, Helvetica, sans-serif;
color:#6F7681;
margin:0;
padding:0;
padding-bottom:50px;
}

form input, form textarea, form select {
font:12px Arial, Helvetica, sans-serif;
color:#6F7681;
}

form fieldset {
border:none;
}

h1 {
font-size:20px;
color:#48144D;
margin:8px 0 10px 0;
padding:0;
}

h2 {
font-size:18px;
margin:8px 0 10px 0;
}

p {
line-height:150%;
margin:0 0 5px 0;
}

li {
list-style:none;
}

a {
color:#48144D;
text-decoration:none;
outline:none;
}

a:active {
outline:none;
}

a:hover {
text-decoration:underline;
}

a img {
border-style:none;
}

.active {
font-weight:bold;
}

.active:hover {
text-decoration:none;
}

.menu .active {
font-weight:normal;
text-decoration:underline;
}

.clearfloat { 
clear:both;
height:0;
font-size:1px;
line-height:0px;
}

/*** Structure ***/
#container {
width:988px;
margin:0 auto;
padding:0;
}

#header {
background:url(../img/logo.jpg) no-repeat 380px 0;
width:988px;
height:114px;
margin:0;
}

#menu {
background:url(../img/menuBg.jpg) repeat-x;
width:988px;
height:30px;
margin-top:2px;
}

#content {
background-color:#FFFFFF;
width:988px;
min-height:765px;
margin:0;
padding-bottom:50px;
}

#footer {
width:988px;
margin:0 auto;
}

#footer p {
font-size:10px;
text-indent:5px;
margin-top:10px;
}

#footer a {
color:#6F7681;
}

/*** Menu ***/
.menu {
margin:0;
padding:93px 0 0 0;
}

.menu li {
list-style:none;
display:inline;
}

.menu li a {
float:left;
font-size:11px;
color:#FFFFFF;
margin-right:13px;
padding-left:20px;
}

.menu li .home {
background:url(../img/menu/home.png) no-repeat 0 -4px;
}

.menu li .join {
background:url(../img/menu/join.png) no-repeat 0 -4px;
}

.menu li .shipping {
background:url(../img/menu/shipping.png) no-repeat 0 -4px;
}


/*** Menu 2 ***/
#menu ul {
padding:0;
margin:0 0 0 55px;
}

#menu li {
display:inline;
list-style:none;
}

#menu li a {
float:left;
display:block;
height:25px;
font-size:15px;
color:#FFFFFF;
margin-right:47px;
padding:5px 10px 0 10px;
}

#menu li .contact {
margin-right:0;
}

/*** Categories ***/
#categories {
float:left;
width:210px;
}

#categories ul {
margin:0;
padding:15px 0 0 15px;
}

#categories li a {
display:block;
width:150px;
font-size:13px;
color:#6F7681;
border-bottom:1px solid #E1E1DF;
padding:13px 0 13px 50px;
}

#sections #categories li a {
width:177px;
padding-left:20px;
}

/*** Content ***/
.content {
float:left;
width:526px;
margin:15px 0 0 22px;
padding:0 0 150px 0;
}

.content li {
line-height:150%;
}

/*** Shopcart ***/
#shopcart {
background:url(../img/cart.jpg) no-repeat 18px 0;
float:left;
width:210px;
height:85px;
margin:15px 0 0 10px;
}

#shopcart p {
margin:50px 0 0 75px;
}

#shopcart .line {
width:195px;
border-top:1px solid #E1E1DF;
margin:20px 0 0 3px; 
}

#shopcart img {
margin:10px 0 0 54px;
}

/*** Banners ***/
#banners {
float:left;
width:210px;
padding:54px 0 0 12px;
}

#banners img, #banner div {
margin-bottom:10px;
}

/*** Items ***/
.sorter, .sorter fieldset {
margin:0;
padding:0;
}

.sorter select {
background:url(../img/inputBg2.jpg) repeat-x;
width:200px;
border:1px solid #D9D9D9;
}

.sorter .page {
margin-left:106px;
}

.sorter .pages {
width:50px;
margin-right:5px;
}

.sorter .next {
color:#6F7681;
}

.pagesBottom {
margin:10px 0 0 260px;
}

#items {
margin-top:10px;
}

.item {
background:url(../img/itemBg.jpg) no-repeat;
float:left;
width:259px;
height:249px;
margin:0 4px 4px 0;
}

.item .title a {
float:left;
width:150px;
height:70px;
font-size:16px;
color:#48144D;
font-weight:bold;
padding:4px 0 0 8px;
}

.item .title a:hover {
text-decoration:none;
}

.item .price {
float:left;
font-size:16px;
color:#48144D;
font-weight:bold;
padding:28px 0 0 37px;
}

.item .photo {
width:237px;
height:160px;
border:1px solid #AE9FC0;
overflow:hidden;
margin:8px 0 0 9px;
}

.item .buy {
margin:-27px 0 0 9px;
}

.item .buy a {
background:url(../img/buyBg.jpg) repeat-x;
width:239px;
height:18px;
display:block;
text-align:center;
color:#FFFFFF;
font-weight:bold;
position:relative;
padding:4px 0 0 0;
}

.item .buy a:hover {
text-decoration:none;
}

/*** Item ***/
/*** Item photo ***/
#item {
background:url(../img/itemBg2.jpg) no-repeat bottom left;
width:522px;
height:260px;
}

#item .photo {
float:left;
width:313px;
height:251px;
border-right:1px solid #E1E1DF;
padding:7px 0 0 7px;
}

#item .photo .overflow {
width:305px;
height:203px;
overflow:hidden;
border:1px solid #C9C9C9;
}

#item .photo .back {
background:url(../img/back.gif) no-repeat 0 5px;
float:left;
margin-top:14px;
padding-left:14px;
}

#item .photo a {
color:#6F7681;
}

#item .photo .zoom {
background:url(../img/zoom.gif) no-repeat 0 1px;
float:left;
height:25px;
margin:9px 0 0 90px;
padding: 5px 0 0 27px;
}

/*** Item buy ***/
#item .buy {
float:left;
width:184px;
height:251px;
margin-top:1px;
padding:7px 0 0 7px;
}

#item .buy .title {
width:130px;
height:50px;
font-size:16px;
color:#48144D;
font-weight:bold;
}

#item .buy .price {
font-size:16px;
color:#48144D;
font-weight:bold;
padding-left:134px;
}

#item .buy .desc {
height:88px;
margin-top:15px;
}

#item form {
margin:0;
padding:0;
}

#item .quantity input {
width:30px;
border:1px solid #C9C9C9;
font:12px Arial, Helvetica, sans-serif;
color:#6F7681;
}

#item .buynow input {
background:url(../img/buyBg.jpg) repeat-x;
width:199px;
height:22px;
display:block;
text-align:center;
color:#FFFFFF;
font-weight:bold;
margin:23px 0 0 -7px;
border:none;
cursor:pointer;
}

/*** Related ***/
.related {
background:url(../img/relatedBg.jpg) no-repeat;
width:506px;
height:24px;
color:#FFFFFF;
margin:5px 0;
padding:8px 0 0 15px;
}

/*** Contact ***/
#contact {
margin:0;
padding:0 0 0 63px;
}

#contact #form {
float:left;
width:560px;
padding-top:25px;
}

#contact #info {
float:left;
padding-top:15px;
}

/*** Contact form ***/
#contact form, #contact fieldset {
border:none;
margin:20px 0 0 0;
padding:0;
}

#contact form div {
font-size:14px;
margin:5px 0;
}

#contact input, #contact textarea {
font-size:14px;
border:1px solid #D9D9D9;
padding:6px 4px 6px 4px;
}

#contact input {
background:url(../img/inputBg.jpg) repeat-x;
width:249px;
height:17px;
margin-bottom:10px;
}

#contact textarea {
background:#FFFFFF url(../img/textareaBg.jpg) repeat-x bottom left;
width:494px;
height:141px;
overflow:auto;
}

#contact #send {
background:url(../img/submitBg.jpg) no-repeat;
float:left;
width:136px;
height:27px;
border:none;
margin:5px 0 0 292px;
cursor:pointer;
}

#contact .required {
font-size:11px;
float:left;
}

#contact span {
color:#48144D;
font-weight:bold;
}

#contact .red {
border:1px solid #48144D;
}

/*** Contact boxes ***/
#contact #info .box {
width:338px;
margin-bottom:-15px;
}

#contact #info .box .top {
background:url(../img/boxBgTop.png) no-repeat top left;
width:338px;
height:20px;
margin:0;
padding:0;
}

#contact #info .box .middle {
background:url(../img/boxtBgMid.png) repeat-y;
margin:-8px 0 0 0;
padding:0 10px 0 35px;
}

#contact #info .box .middle h1 {
margin-bottom:6px;
}

#contact #info .box .middle .left {
float:left;
width:85px;
font-weight:bold;
}

#contact #info .box .middle .left2 {
float:left;
width:140px;
}

#contact #info .box .middle .left2 div, #contact #info .box .middle .right div {
margin-bottom:5px;
}

#contact #info .box .middle .right {
float:left;
margin-bottom:5px;
}

#contact #info .box .bottom {
background:url(../img/boxBgBot.png) no-repeat bottom left;
width:338px;
height:30px;
margin:0;
}

#contact #info .box img {
margin-bottom:10px;
}

/*** Join ***/
#join {
margin:0;
padding:15px 0 0 187px;
}

#join form {
margin-top:15px;
}

#join h2 {
font-size:14px;
font-weight:bold;
}

#join input {
background:url(../img/inputBg2.jpg) repeat-x;
width:200px;
border:1px solid #D9D9D9;
padding:2px;
}

#join select {
background:url(../img/inputBg2.jpg) repeat-x;
border:1px solid #D9D9D9;
padding:2px;
}

#join .error {
color:#48144D;
font-weight:bold;
}

#join .red {
border:1px solid #48144D;
}

#join p {
width:350px;
}

/*** Sign up ***/
#signup {
width:400px;
float:left;
margin-top:20px;
}

#signup table {
border-collapse:collapse;
border:none;
}

#signup td span {
display:block;
text-align:right;
}

#signup .short {
width:120px;
}

#signup .shorty {
width:60px;
}

#signup .checkbox {
width:15px;
background:none;
border:none;
margin:5px 5px 0 0;
}

#signup div input {
background:url(../img/signinBg.jpg) no-repeat;
width:68px;
height:26px;
border:none;
margin:10px 0 0 253px;
cursor:pointer;
}

#signup div .edit {
background:url(../img/editBg.jpg) no-repeat; 
width:49px; 
height:26px;
margin-left:271px;
}

/*** Log in ***/
#login {
float:left;
margin-top:20px;
}

#login form {
margin-top:12px;
}

#login td span {
display:block;
text-align:right;
}

#login .short {
width:140px;
}

#login .forgot {
font-size:11px;
float:left;
margin:5px 0 0 40px;
}

#login div input {
background:url(../img/loginBg.jpg) no-repeat;
width:68px;
height:26px;
border:none;
margin:0 0 0 21px;
cursor:pointer;
}

/*** Forgot ***/
#forgot span {
margin-left:-4px;
}

#forgot div input {
background:url(../img/confirmBg.jpg) no-repeat;
margin:0 0 0 187px;
}

/*** Account ***/
#account {
margin:0;
padding:15px 0 0 147px;
}

#account .panel {
width:700px;
height:105px;
background-color:#F8F8F8;
margin:20px 0;
}

#account .panel ul {
margin:0;
padding:15px 0 0 70px;
}

#account .panel li {
display:inline;
}

#account .panel li a {
float:left;
display:block;
height:32px;
font-size:13px;
color:#6F7681;
padding:15px 0 0 60px;
margin-right:70px;
}

#account .panel li .history {
background:url(../img/history.png) no-repeat;
}

#account .panel li .edit {
background:url(../img/edit.png) no-repeat;
}

#account .panel li .logout {
background:url(../img/logout.png) no-repeat;
}

#account .panel .active {
font-weight:normal;
text-decoration:underline;
}

#account .panel p {
font-size:13px;
margin:10px 0 0 75px;
}

/*** History ***/
#history p {
margin-left:77px;
}

/*** Galleries ***/
.full {
text-align:center;
margin:0 3px 10px 0;
}

.thumbs {
margin-top:10px;
}

.thumbs div {
float:left;
height:75px;
overflow:hidden;
margin:0 5px 5px 0;
cursor:pointer;
}

.descr {
margin-top:15px;
}

/*** Admin ***/
#admin {
padding-bottom:100px;
}

#admin .categories {
width:180px;
float:left;
margin:0 50px 10px 0;
}

#admin h2 {
font-size:14px;
margin-bottom:5px;
}

#admin h2 a {
margin-left:5px;
}

#admin ul {
margin:0;
padding:0;
}

#admin li {
line-height:150%;
}

/*** Users ***/
#admin .active {
text-decoration:underline;
font-weight:normal;
}

#admin #users {
width:900px;
border-collapse:collapse;
font-size:11px;
text-align:center;
margin:10px 0 0 -100px;
}

#admin #users td {
border:1px solid #D9D9D9;
}

#admin .ttitle {
font-weight:bold;
}

#admin .row1 {
background-color:#F8F8F8;
}

/*** Admin forms ***/
#admin form, #admin fieldset {
border:none;
margin:0;
padding:0;
}

#admin textarea, #admin input, #admin select {
width:534px;
height:600px;
border:1px solid #D9D9D9;
padding:4px;
}

#admin input {
width:220px;
height:auto;
}

#admin select {
width:230px;
height:auto;
padding:3px;
}

#admin .radio {
width:15px;
border:none;
}

#admin .confirm {
background:url(../img/confirmBg.jpg) no-repeat;
width:68px;
height:26px;
border:none;
margin:5px 0 0 477px;
cursor:pointer;
}

/*** Banners ***/
#admin #addbanner, #admin #addbanner fieldset {
margin-bottom:30px;
}

#addbanner div {
display:block;
margin-top:5px;
}

#addbanner span {
display:block;
float:left;
width:50px;
text-align:right;
margin-right:5px;
padding-top:4px;
}

#addbanner .banner {
margin-left:218px;
}

.banners {
margin-bottom:10px;
}

/*** Galleries ***/
#addgallery input {
margin-left:8px;
}

#addgallery div {
margin:10px 0;
}

#addgallery textarea {
height:300px;
}

#sort {
width:650px;
text-align:right;
}

.sort {
float:left;
margin:0 5px 5px 0;
}

.sort div {
height:75px;
overflow:hidden;
}

/*** Items ***/
#addgallery .label {
margin-left:10px;
}

#addgallery .price { 
width:50px;
}

#addgallery .shorttext {
width:300px;
height:100px;
}

#addgallery .item {
margin-left:243px;
}

#addgallery .checkbox {
width:15px;
background:none;
border:none;
margin:0;
}

#admin #showme {
margin-bottom:10px;
}

#showitems .buy {
background-color:#F8F8F8;
border-top:1px solid #333333;
border-bottom:1px solid #333333;
width:239px;
height:20px;
text-align:center;
position:relative;
padding:3px 0 0 0;
}

#showitems .buy a {
background:none;
width:auto;
height:auto;
display:inline;
margin-right:5px;
}

/*** Cart ***/
#cart {
min-height:765px;
padding:30px 0 0 105px;
}

#cart form, #cart fieldset {

margin:0;
padding:0;
}

#cart h1 {
margin:50px 0 30px 0;
}

/*** Cart steps ***/
#steps, #steps2, #steps3, #steps4 {
background:url(../img/steps.jpg) no-repeat;
width:451px;
height:38px;
margin-left:125px;
}

#steps2 {
background-position: 0 -38px;
}

#steps3 {
background-position: 0 -76px;
}

#steps4 {
background-position: 0 -114px;
}

#titles {
margin:5px 0 0 140px;
padding:0;
}

#titles li {
width:82px;
float:left;
text-align:center;
line-height:125%;
margin-right:31px;
}

/*** Cart table ***/
#cartTable {
width:700px;
border-collapse:collapse;
font-size:14px;
text-align:center;
}

#cartTable td {
border:1px solid #D9D9D9;
}

#cartTable .ttitle {
font-weight:bold;
}

#cartTable .title {
text-align:left;
}

#cartTable .row1 {
background-color:#F2F2F2;
}

#cartTable input {
background:url(../img/inputBg2.jpg) repeat-x;
width:30px;
border:1px solid #D9D9D9;
font-size:12px;
}

/*** Cart shipping box ***/
#shipping {
width:535px;
height:50px;
background-color:#F2F2F2;
border:1px solid #D9D9D9;
font-size:14px;
margin:5px 0 0 133px;
padding:15px;
}

#shipping select {
background:url(../img/inputBg2.jpg) repeat-x;
width:270px;
border:1px solid #D9D9D9;
font-size:12px;
margin-right:20px;
}

#shipping p {
font-size:11px;
margin:10px 0 0 180px;
}

#shipping p a {
color:#6F7681;
text-decoration:underline;
}

#shipping p a:hover {
text-decoration:none;
}

/*** Cart total box ***/
#total {
width:535px;
background-color:#FFFFFF;
border:1px solid #D9D9D9;
font-size:14px;
font-weight:bold;
margin:5px 0 0 133px;
padding:15px;
}

#total p {
margin-left:232px;
}

#total p span {
font-size:16px;
margin-left:46px;
}

#total input {
background:url(../img/updateBg.jpg) no-repeat; 
width:67px; 
height:24px;
border:none;
cursor:pointer;
margin-left:43px;
}

#next {
background:url(../img/nextBg.png) no-repeat; 
width:101px; 
height:28px;
cursor:pointer;
border:none;
margin:15px 0 0 595px;
}

/*** Cart step 2 ***/
#cart #join {
font-size:12px;
margin:0;
padding:0;
}

#cart #join form {
margin-top:14px;
}

#cart #join form, #cart #join fieldset {
font-size:12px;
}

#cart #login form {
margin-top:6px;
}

#fromto {
width:400px;
margin:30px 0 0 155px;
}

#cart #fromto form, #cart #fromto fieldset {
font-size:12px;
}

#fromto .box {
background-color:#F3F3F3;
margin-bottom:10px;
padding:15px;
}

#fromto .box h1 {
margin:0 0 10px 70px;
padding:0;
}

#fromto .box span {
margin:0 4px 0 70px;
}

#fromto .box input {
background: #FFFFFF url(../img/inputBg2.jpg) repeat-x;
width:200px;
font-size:12px;
border:1px solid #D9D9D9;
padding:2px;
}

#fromto .box .checkbox {
width:15px;
background:none;
border:none;
margin:5px 5px 0 0;
}

#fromto .box .same {
display:inline;
color:#48144D;
}

#fromto .box .short {
width:120px;
}

#fromto .box td span {
margin:0;
display:block;
text-align:right;
}

#cart #confirm {
background:url(../img/confirmBg.jpg) no-repeat;
width:68px;
height:26px;
border:none;
margin:0 0 0 425px;
cursor:pointer;
}

#cart #proceed {
background:url(../img/proceedBg.jpg) no-repeat;
width:156px;
height:26px;
border:none;
margin:0 0 0 400px;
cursor:pointer;
}

#fromto .error {
color:#48144D;
font-weight:bold;
}

#cart #fromto .red {
border:1px solid #48144D;
}