/* basic contact form */
.basic { }
.basic ul, .basic li { width: 100%; }
.basic fieldset { border: 1px solid #ddd; background-color: #eee; padding: 20px; }
.basic ul { }
.basic li { position: relative; padding: 5px 0; }
.basic input, .basic textarea, .basic select { margin: 0; display: block; width: 200px; font-size: 1em; }
.basic select { width: auto; }
.basic label { font-size: 1em; }
.basic label.over { position: absolute; top: 11px; left: 6px; line-height: 1em; margin: 0; }
.basic input.button { width: auto; font-weight: bold; }
.basic input.button:hover { background-color: #bbb; color: #fff; }

/* validation*/
.validation {margin-bottom: 10px;}
.validation p { margin-bottom: 5px;}
.validation label, .basic .validation input[type="text"] { float: left !important;}
.validation label { margin-bottom: 0; padding-top: 3px; width: auto !important;}
.validation input { width: 60px !important; margin-left: 10px}

/* forms */
input, textarea, select { padding: 4px; border: 1px solid #ddd; background-color: #fff; color: #111; }
input.narrow { width: 50px; }
input[type="submit"], input.button { padding: 4px 10px; cursor: pointer; color: #fff; background-color: #000; border-color: #111; }
input[type="submit"]:hover { background-color: #78D4EF; color: #fff; }
input[type="checkbox"], input.chkbox, input.auto, select.auto, label.auto { width: auto; }
input:focus, textarea:focus, select:focus { border-color: #78D4EF; }
input.error, textarea.error, select.error { border-color: #f00; }
input[type="radio"], input[type="checkbox"], input.checkbox, input.radio { border: none;}

/* breadcrumbs */
ul#breadcrumbs { font-size: 1.1em; overflow: hidden;}
ul#breadcrumbs li { float: left; font-weight: bold; margin-right: 5px; }
ul#breadcrumbs li a { font-weight: normal; }
ul#breadcrumbs li a:hover {}

/* entry listings */
.entries, .entries li { float: left; }
.entries.full {width: 100%;}
.entries li { padding: 0 0 20px 0; margin-bottom: 20px; border-bottom: 1px solid #ddd; }
.entries li:last-child { border-bottom: 0; }
.entries li img, .entries li div { float: left; }
.entries li a, .entries li img, .entries li span { display: block; }
.entries.full li img { margin-right: 20px; }
.entries li div { width: 75%; }

/* pagination */
.pagination { clear: both; float: left; margin-top: 5px; width: 100%; }
.pagination ol { float: right; font-size: 1.1em; margin-bottom: 0px; }
.pagination ol li { float: left; }
.pagination ol li {  }
.pagination .extend { display: block; padding: 5px 5px 0 5px; }
.pagination ol li a { display: block; padding: 5px; margin-right: 4px; }
.pagination ol li a:hover, .pagination ol li a.active { background-color: #eee; }
.pagination p { float: left; font-size: 1.1em; color: #333; margin-bottom: 0px; }
.pagination ol.boxed li a { }

/* gallery */
.gallery { margin-top: 15px; }
.gallery, .gallery li { float: left; }
.gallery li a, .gallery li img, .gallery li span { display: block; }
.gallery li { margin-bottom: 33px; text-align: center; }
.row4 li { margin-right: 24px; }
.row4 li:nth-child(4n+4), .row3 li:nth-child(3n+3) { margin-right: 0; }
.row4 li:nth-child(4n+5), .row3 li:nth-child(3n+4) { clear: both;}
.row3 li { margin-right: 40px; }

/* checkout form */
#checkout, #checkout fieldset ol, #checkout fieldset ol li { float: left; }
#checkout fieldset ol, #checkout fieldset ol li { width: 100%; }
#checkout fieldset { margin-bottom: 20px; }
#checkout fieldset legend { font-size: 1.4em; color: #EE501C; margin-bottom: 10px; }
#checkout ol { margin: 0; }
#checkout ol li { padding: 5px 0; border-bottom: 1px solid #ddd; }
#checkout ol li:last-child { border: 0; padding-bottom: 0; }
#checkout label { width: 160px; display: block; float: left; font-size: 1em; margin: 0; }
#checkout label.auto { width: auto; }
#checkout em { font-size: 1em; color: #EE501C; float: none; }
#checkout input, #checkout textarea, #checkout select { width: 250px; }
#checkout input, #checkout textarea, #checkout select { float: left; margin-right: 10px; }
#checkout input[type="submit"] { width: auto; float: right; margin: 0; }
#checkout input[type="submit"]:hover { background-position: 0 0;}
#checkout input.chkbox { width: auto; margin-top: 3px; }
#checkout select.auto { width: auto; }
#checkout li.multiple label { margin-bottom: 70px; }
#checkout li.multiple input { margin-bottom: 5px; }
#checkout span { font-size: .8em; font-family: Georgia, "Times New Roman", Times, serif; }
#checkout #maskcc { float: right; display: block; width: 150px; height: 100px; margin: 0 0 20px 20px; text-indent:-99999px; background: url(../img/cc.gif) 0 0 no-repeat; }
#checkout .toggle { cursor: pointer; }
#checkout .terms a { color: #333; font-weight: 600;}
#checkout .terms a:hover {color: #EE501C; }
#security_info { clear: both; padding-top: 15px; display: none; }
#security_info p { font-size: 1em; }
#security_info h4 { font-size: 1.2em; margin-bottom: 10px; color: #f00; }
#security_info img { border: 0; padding: 0; background: none; float: right; margin: 0 0 15px 15px; }


/* basket */
#basketform table { border: 1px solid #a5a5a5; margin-bottom: 2em; font-size: 1.2em; }
#basketform table th, #basketform table td { padding: 5px; text-align: left; vertical-align: middle; }
#basketform table th { padding: 8px; }
#basketform table thead { font-size: 1.2em; background: #ccc; border-top: 1px solid #a5a5a5; border-bottom: 1px solid #a5a5a5; }
#basketform table col { border-right: 1px solid #ccc; }
#basketform table tr:nth-child(even) td { background: #eee; }
#basketform table td.price-label { text-align: right; }
#basketform table tr.grand-total td { font-weight: 600; font-size: 1.2em;}
#basketform input { padding: 4px; border: none; }
#basketform input.q { width: 62px;} 
#basketform table td span { display: block; }

#delivery-estimate { margin: 1em 0; margin-bottom: 2em; min-height: 93px;}
#delivery-estimate h3, #delivery-estimate span { text-align: center }
#delivery-estimate span { display: block; margin-bottom: 1em;}
#delivery-estimate label { clear: both; padding: 0 25px;}
#delivery-estimate select { width: 220px;}
#delivery-estimate label span { display: inline;}

#payments, .summary, #delivery-estimate, #discount-code { width: 50%; float: left; }
#payments { text-align: center; }
#payments p { font-size: .9em; margin-bottom: 0; }
#payments img { margin: 2px; }
#accepted-label { margin-bottom: 10px; }
#actions { /*clear: both;*/ float: right; padding-top: 10px; }
#actions li { float: left; }

#discount-code { width: 100%; clear: both; margin: 5px 0; margin-bottom: 2em; padding:10px 0; border: 1px solid #A5A5A5; border-left: none; border-right: none; }
#discount-code label span { font-size: 1.2em; font-weight: 600; padding: 0 10px;}
#shoppingCart input, #discount-code input { border: 1px solid #DDDDDD;}

/* product */
/* .breadcrumb { font-size: .9em; }
.breadcrumb li { display: inline; }
.breadcrumb li.here { font-style: italic; } */

#product-detail { margin-bottom: 1em;}
#product-detail, #product-gallery { float: left; width: 50%; }

#product-gallery li.focus { margin-bottom: 0.5em;}

.product-info li.price { font-weight: 600; font-size: 1.2em;}
.product-info li.old-price {text-decoration: line-through; color: #666;}

.product-downloads { padding-left: 3%; width: 97%;}
.product-options li { min-height: 3em}
.product-options label, .product-options option{ font-size: 0.9em;}
.product-options option { line-height: 1.4em; padding-right: 16px;}
.product-options select {}

#pricebreaks {}
#pricebreaks li.head { background: #f1f1f1;}
#pricebreaks li { float: left; clear: left;}
#pricebreaks li span { float: left; width: 50px; padding: 5px 10px;}
#pricebreaks li span.label-left { text-align: center;}

#products { }
#products li h3 { font-size: 1.2em; margin: 0; }
#products li p { color: #EE501C; font-weight: bold; }

#detail { float: left; }
#detail address { font-size: 1.2em; line-height: 1.8em; font-style: normal; }
#map { float: right; }

/* Social Network */
#footer .container { position: relative;}
#sn { position: absolute; top: 0; left: 470px; width: 470px; padding: 10px;}
#sn ul { float: right; width: auto;}
#sn ul li { float: left;}
#sn ul li a { display: block; width: 32px; height: 32px; text-indent:-99999px; margin-left: 10px}
#sn ul li a, #sn ul li a a { color: #017BC6 !important;}
#sn ul li span { line-height: 32px; color: #fff;}
#sn .twitter { background:url(../img/sn/twitter.png) 0 0 no-repeat;}
#sn .facebook { background:url(../img/sn/facebook.png) 0 0 no-repeat;}
#sn .youtube { background:url(../img/sn/youtube.png) 0 0 no-repeat;}
#sn .blogger { background:url(../img/sn/blogger.png) 0 0 no-repeat;}