body{font-family:"arial", tahoma; font-size:1em; line-height:1.4; margin:0; padding:0; background-color:black; color:#AAAAAA;}
a{color:black;}
a:hover{color:#A3A3A3;}
#container{width:980px; margin:0 auto;}
#pageNotFound a,#pageNotFound a:hover{color:white; text-decoration:none;}
img {border: 0;}
/*--------------------------------------------------
Popup image 
--------------------------------------------------*/
#popup_img_frame{border:15px solid #FFF; background-color:#FFF; z-index:100; position:relative;}
/*#popup_img_frame img.large{width:910px;}*/
#imgpopup{position:absolute; margin-top:-40px;}
div.popup_img_close{text-align:right; cursor:pointer;}
#prod_main_img{cursor:pointer;}
#blank_background{position:fixed; top:0; left:0; display:block; width:100%; height:100%; z-index:50; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50); opacity:0.5; background-color:black;}
div.prodImages{display: table-cell;}
div.prodImages img:hover{cursor: pointer;}
#prodExtraImages{display: inline-block;width: 300px;overflow:hidden;}
/*--------------------------------------------------
Style settings for the logo area follow
--------------------------------------------------*/
#logoarea{height:80px; margin:0 auto; width:980px;}
#logo{height:128px; top:72px; width:100%; background-color:#383C3F;}
#logocontent{float:left; padding-top:40px; width:25%;}
/*--------------------------------------------------
Style settings for the basket follow
--------------------------------------------------*/
#logobasket{position: fixed; right: 0; z-index: 99999;}
#basket{display:block; width:150px; height:85px; border-top:0 none; border-left:0 none; border-left:1px solid #666; border-bottom:1px solid #444; background-image:-webkit-linear-gradient(center top, #393939, #272727); background-image:-moz-linear-gradient(center top, #393939, #272727); background-image:-o-linear-gradient(center top, #393939, #272727); background-image:-ms-linear-gradient(center top, #393939, #272727); background-image:linear-gradient(center top, #393939, #272727); -image -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.5); box-shadow:0 2px 5px rgba(0, 0, 0, 0.5); color:white; text-shadow:0 -1px 0 #444; background-color: #393939;}
div.basket_currency{display:block; width:140px; height:20px; text-align:right;}
.basket_currency a,.basket_currency a:hover{color:white; text-decoration:none;}
#basket_content{display:block; float:left; width:80px; text-align:right; color:white; font-size:10px; font-weight:normal; margin-top:5px;}
#basket_pre_img{position: absolute; height:47px; width:47px; background:url("../images/301.gif"); margin:5px 0 0 98px;}
#basket_img{display:block; float:right; height:30px; width:45px; margin:10px 6px 0 0;}
div.basket_checkout a,div.basket_checkout a:hover{color:white; font-size:10px; font-weight:normal; text-decoration:none; margin-left:30px;}
/*--------------------------------------------------
Style settings for the admin menu follow 
--------------------------------------------------*/
.menu_base{height:18px; width:100%; padding-top:1px; background:url("../images/menubar.png") repeat scroll 0 0 white;}
#menu_container{margin:0 auto; width:940px;}
ul.menu{float:right; font-size:13px; padding-left:40px; margin:0;}
.menu li{display:inline; float:left; margin-left:20px; padding:0;}
a.topmenu{color:black; display:inline-block; font-size:12px; font-weight:normal; padding:1px 24px; text-decoration:none; margin-left:20px;}
a:hover.topmenu, a.topmenuactive{background-image:-webkit-linear-gradient(top , #CCCCCC, #777777); background-image:-moz-linear-gradient(top , #CCCCCC, #777777); background-image:-o-linear-gradient(top , #CCCCCC, #777777); background-image:-ms-linear-gradient(top , #CCCCCC, #777777); background-image:linear-gradient(top , #CCCCCC, #777777); color:white; display:inline-block; font-size:12px; font-weight:normal; margin-top:-1px; padding:2px 24px 1px; text-decoration:none; -webkit-box-shadow:0 1px 0 0 #EBEBEB inset; box-shadow:0 1px 0 0 #EBEBEB inset; margin-left:20px;}
div.ddContainer{position:absolute; left:-10000px;}
#menu_container li:hover div.ddContainer{display:block; left:0;}
#menu_container li{position:relative;}
ul.ddc1{float:left; width:150px;}
.ddc1 li{margin-left:-20px;}
a.submenu{background-color:#333333; border:1px dotted #999; color:white; text-decoration:none; width:150px; height:18px; display:block; padding-left:25px;}
a:hover.submenu{background-image:-webkit-linear-gradient(top , #CCCCCC, #111111); background-image:-moz-linear-gradient(top , #CCCCCC, #111111); background-image:-o-linear-gradient(top , #CCCCCC, #111111); background-image:-ms-linear-gradient(top , #CCCCCC, #111111); background-image:linear-gradient(top , #CCCCCC, #111111); -image -image -image border:1px dotted #999; color:white; text-decoration:none; width:150px; height:18px; padding-left:25px;}
/*--------------------------------------------------
Style settings for the footer follow 
--------------------------------------------------*/
#footer{width:100%; background:none repeat scroll 0 0 #383C3F; -webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.5) inset; box-shadow:0 5px 10px rgba(0, 0, 0, 0.5) inset; height:140px; padding:0; margin:0 auto; color:#AAA;}
#footercontent{width:900px; padding:0; margin:0 auto; font:8px Verdana;}
a.submenu_navigation{color:#AAA; text-decoration:none;}
a:hover.submenu_navigation{color:#FFF; text-decoration:none;}
.menu_separator{color:#AAA; margin:0 10px 0 10px; border-right:1px dotted #999;}
#legal{float:right; padding:5px 0 10px 0;}
#twitter{clear:both; color:grey; font-size:14px; float:left;}
#build-by-garlyk{float:right;}
#sign_up_to_the_mailing_list{clear:both; float:left; font-size:12px;}
#newsletterSignup .newsletterField, #newsletterSubscribe{display:inline-block; padding-right:8px;}
#newsletterSubscribe{background-color:#1F1F1F; border-radius:5px 5px 5px 5px; border:0 none; color:#A5A5A5; cursor:pointer; font-family:sans-serif; height:18px;}
#newsletterName,#newsletterEmail{border:0 none; height:18px;}
#foot_menu{padding-top:5px; float:left;}
#newsletterResponses{position: absolute; top: 0; width: 760px; background-color: #333; color: #FFF; padding: 10px; font-size: 14px; border: 4px solid #555; border-radius: 10px; margin: 33px 0 0 85px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#newsletterSignup {display: inline-block; padding-left: 20px; margin-top: 7px; vertical-align: top;}
/*--------------------------------------------------
Page Template Settings
--------------------------------------------------*/
#clear-content{margin-top:1px; width:100%; background-color:#DDD;}
#white-content{margin-top:1px; width:100%; background-color:#FFF; padding: 20px;}
#left-col-narrow{width:350px; float:left; padding-top:25px;}
#left-col-wide{width:575px; float:left; padding-top:25px; padding-right:30px; border-right:1px solid grey;}
#right-col-narrow{width:340px; float:right; text-align:left; padding:25px 0 0 30px;}
#right-col-wide{width:600px; float:right; text-align:left; padding-top:25px; padding-right:25px;}
/*--------------------------------------------------
Contact page styles 
--------------------------------------------------*/
div.shake{margin-top:50px;}
div.opal{margin-top:185px;}
.shake td.left,.opal td.left{width:90px; align:left; color:white; font:11px Verdana; vertical-align:top; padding:8px 0 0 0;}
.shake td.right,.opal td.right{width:265px; align:left; color:#999999; font:11px Verdana; vertical-align:top; padding:8px 0 0 0;}
.contact_form td{vertical-align:top;}
div.contact_form{background-color:#AAA; padding:20px; margin:50px;}
div.contact_form table{margin-left:20px;}
div.contact_form h1{color:#000000 !important; font:bold 16px Verdana; text-transform:none;}
div.contact_form td{color:#222222; font:bold 11px Verdana;}
div.contact_form td.right{padding-left:40px;}
div.contact_form input,div.contact_form textarea,div.newsletter input{background:none repeat scroll 0 0 white; border:0 none; border-radius:0; -webkit-box-shadow:1px 1px 3px rgba(0, 0, 0, 0.8) inset; box-shadow:1px 1px 3px rgba(0, 0, 0, 0.8) inset; color:black; font-family:Tahoma; font-weight:normal; padding:2px;}
div.contact_form input[type="submit"], div.newsletter input[type="submit"]{background:none repeat scroll 0 0 white; border:1px solid #666666; color:black; width:100px; cursor:pointer; height:30px; border-radius:5px; line-height:normal; font-size:100%; margin:0; vertical-align:baseline; font-family:sans-serif; font-weight:inherit; padding:0; -webkit-box-shadow:none; box-shadow:none;}
div.newsletter {padding: 20px 20px 0 20px; line-height: 1.5em; color: #000;}
/*--------------------------------------------------
Tabletop styles
--------------------------------------------------*/
div.tabletop{padding:20px 0 20px 0;}
div.spkrflowers{position:absolute; padding:20px 0 20px 0; visibility:hidden;}
div.oblique{position:absolute; padding:20px 0 20px 0; visibility:hidden;}
div.cds{position:absolute; padding:20px 0 20px 0; visibility:hidden;}
div.stereo{position:absolute; padding:20px 0 20px 0; visibility:hidden;}
div.notebooks{position:absolute; padding:20px 0 20px 0; visibility:hidden;}
div.shipmatches{position:absolute; padding:20px 0 20px 0; visibility:hidden;}
#popup{width:1000px; height:580px;}
div.popup_close{padding-top:8px; width:100%; text-align:right; background-color:black;}
div.popup_close a{color:white; text-decoration:none; font-weight:bold; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); opacity:1; font-size:12px;}
/*--------------------------------------------------
Gallery
--------------------------------------------------*/
div.prod_gallery{margin:0; float:left; min-height:305px; width:25%; padding-top:25px;}
div.prod_gallery_item{background-image:none; border:medium none; box_shadow:none; margin:0 0 10px 0; height:212px; padding:4px 1px 0; float:left; width:212px;}
div.prod_gallery_item img{border:6px solid white;}
div.prod_gallery p{margin:0 auto; width:202px; line-height:22px; font-size:12px; font-weight:lighter; padding:0; color:#AAA; clear:both;}
div.prod_gallery a{color:white; text-decoration:none;}
/*--------------------------------------------------
Products
--------------------------------------------------*/
a.buy_button{cursor:pointer;}
#prod_main{font-family:'Lucida Sans Unicode','MS Sans Serif','Lucida Grande',Geneva,sans-serif; width:290px; padding-left:30px;}
#prod_main h1,#prod_detail h1{margin:0; padding:0 0 20px 0; color:#1D2153 !important; text-align:center; font-size:27px; line-height:27px; text-shadow:2px 1px 1px #C2C3C3; text-transform:uppercase; font-weight:normal;}
#prod_detail h2{margin:0; padding:0 0 20px 0; color:#1D2153 !important; text-align:center; font-size:20px; line-height:20px; text-shadow:2px 1px 1px #C2C3C3; text-transform:uppercase; font-weight:normal;}
#prod_main small{display:block; font-size:70% !important; text-align:center; width:auto; font-family:'Lucida Sans Unicode','MS Sans Serif','Lucida Grande',Geneva,sans-serif; line-height:1.6em; color:#000;}
#prod_main_img{padding-top:30px;}
#prod_main a{text-decoration: none;}
#prod_detail{font-family:'Lucida Sans Unicode','MS Sans Serif','Lucida Grande',Geneva,sans-serif; font-size:1em; color:#000; font-size:12px; line-height:1.8em; padding-bottom:30px;}
#prod_detail table{width:100%; border-collapse:collapse;}
#prod_detail h1{padding-top:30px;}
tr.prod_heading{background-color:#535C63; color:#FFF;}
#prod_detail tr.odd{background-color:#EEE;}
#prod_detail td{padding:6px; vertical-align:top;}
#prod_detail p.desc{color:grey; font-style:italic; margin:5px;}
#prod_detail img{display:inline-block; width:18px; height:18px; padding-bottom:2px; vertical-align:bottom;}
#otherProdCats{color: #000000; display: block; text-align:left; font-family: 'Lucida Sans Unicode','MS Sans Serif','Lucida Grande',Geneva,sans-serif; font-size: 70% !important;}
#otherProdCats a{text-decoration: underline;}
/*--------------------------------------------------
Basket
--------------------------------------------------*/
#checkout_basket{padding:30px;}
span.checkout_num,span.checkout_num_active{font-size:40px; color:#FF9900 !important; font-weight:lighter;}
span.checkout_num_active{text-shadow:2px 1px 1px #C2C3C3;}
span.checkout_desc,span.checkout_desc_active{font-size:14px; padding:0 25px 0 5px;}
span.checkout_desc{color:#DDD;}
span.checkout_desc_active{color:#999;}
div.checkout_full_basket table{width:100%; border-collapse:collapse; margin:30px 0 30px 0; color:#000; font-size:12px;}
div.checkout_full_basket td{padding:5px; vertical-align:top;}
div.checkout_full_basket tr.odd{background-color:#EEE;}
div.checkout_full_basket span.decrease{background-color:#DDD; border:1px solid #BBBBBB; border-radius:5px 0 0 5px; display:inline-block; height:16px; margin:0; padding:11px 1px; width:18px;}
div.checkout_full_basket a{display:inline-block; height:20px; width:18px; text-align:center; text-decoration: none;}
div.checkout_full_basket span.increase{background-color:#DDD; border:1px solid #BBBBBB; border-radius:0 5px 5px 0; display:inline-block; height:16px; margin:0; padding:11px 1px; width:18px;}
div.checkout_full_basket a{display:inline-block; height:20px; width:18px; text-align:center;}
div.checkout_full_basket span.quantity{background-color:#FFF; border-top:1px solid #BBBBBB; border-bottom:1px solid #BBBBBB; display:inline-block; height:16px; margin:0; padding:11px 1px; width:30px; text-align:center;}
span.checkout_next input,span.checkout_back input{color:#777777; background:-webkit-linear-gradient(top , #EDEDED 5%, #DFDFDF 100%) repeat scroll 0 0 #EDEDED; background:-moz-linear-gradient(top , #EDEDED 5%, #DFDFDF 100%) repeat scroll 0 0 #EDEDED; background:-o-linear-gradient(top , #EDEDED 5%, #DFDFDF 100%) repeat scroll 0 0 #EDEDED; background:-ms-linear-gradient(top , #EDEDED 5%, #DFDFDF 100%) repeat scroll 0 0 #EDEDED; background:linear-gradient(top , #EDEDED 5%, #DFDFDF 100%) repeat scroll 0 0 #EDEDED; border:1px solid #DDDDDD; border-radius:5px 5px 5px 5px; -webkit-box-shadow:0 1px 0 0 #FFFFFF inset; box-shadow:0 1px 0 0 #FFFFFF inset; display:inline-block; font-size:12px; font-weight:normal; padding:7px 15px; text-decoration:none; cursor:pointer;}
span.checkout_next input:hover,span.checkout_back input:hover{background:-webkit-linear-gradient(top , #DFDFDF 5%, #EDEDED 100%) repeat scroll 0 0 #DFDFDF; background:-moz-linear-gradient(top , #DFDFDF 5%, #EDEDED 100%) repeat scroll 0 0 #DFDFDF; background:-o-linear-gradient(top , #DFDFDF 5%, #EDEDED 100%) repeat scroll 0 0 #DFDFDF; background:-ms-linear-gradient(top , #DFDFDF 5%, #EDEDED 100%) repeat scroll 0 0 #DFDFDF; background:linear-gradient(top , #DFDFDF 5%, #EDEDED 100%) repeat scroll 0 0 #DFDFDF;}
div.checkout_sub_total,div.checkout_shipping{font-size:12px; margin-top:10px; color:#FF9900 !important; font-weight:lighter; line-height:20px; text-transform:uppercase;}
div.checkout_total{float:right; margin-top:-30px; color:#FF9900 !important; font-weight:lighter; font-size:27px; line-height:27px; text-transform:uppercase;}
div.checkout_form{font-size:12px; color:#000;}
div.checkout_form table,div.checkout_paynow table{border-collapse:collapse; width:100%; margin:30px 0 30px 0;}
div.checkout_form td,div.checkout_paynow td{padding:5px; vertical-align:top;}
div.checkout_paynow td{text-align:center;}
div.checkout_form input{height:30px; border:1px solid #DDDDDD; border-radius:5px 5px 5px 5px; color:#A5A5A5; font-family:sans-serif; font-size:inherit;}
div.checkout_form span.warning{color:red; font-weight:800; font-size:10px; text-transform:capitalize;}
div.checkout_form td.message,div.checkout_paynow td.message{color:#777777; font-weight:lighter; font-size:11px; font-style:italic;}
div.checkout_form tr.odd,div.checkout_paynow tr.odd{background-color:#EEE;}
div.checkout_form span.extra{color:#777777; font-weight:lighter; font-size:10px;}
div.checkout_form select{color:#A5A5A5; font-family:sans-serif;}
div.checkout_form ol {margin: 0;}
div.checkout_form li, div.checkout_form li input {vertical-align: middle;}
div.checkout_form li input {margin: 0 0 0 10px;}
div.checkout_paynow input{background-color:#EDEDED; border:1px solid #DDDDDD; border-radius:5px 5px 5px 5px; -webkit-box-shadow:0 1px 0 0 white inset; box-shadow:0 1px 0 0 white inset; color:#666666; display:inline-block; font-size:12px; font-weight:normal; padding:7px 15px; text-decoration:none; width:140px;}
a.currencyFlag img {width: 17px; height: 17px; vertical-align: sub;}
a.currencySymbol {vertical-align: top;}
/*--------------------------------------------------
Store Announcement
--------------------------------------------------*/
#announcement{width:735px; margin:0 auto; z-index:100; position:relative;}
#announcementBlock{display:block; width:735px; border-radius:5px; position:absolute; padding:30px 40px 34px; background-color:#EEE; margin-top:100px; z-index:20;}
#announcementBlock h1{margin:0; padding:20px 0 20px 0; color:#FF9900 !important; text-align:center; font-size:27px; line-height:27px; text-shadow:2px 1px 1px #C2C3C3; text-transform:uppercase; font-weight:normal;}
#announcementBlock h2,#announcementBlock a{margin:0; padding:0 0 20px 0; color:#FF9900 !important; text-align:center; font-size:18px; line-height:18px; text-transform:uppercase; font-weight:normal;}
#announcementBlock span.close{float:right; margin:-25px; font-size:20px; font-weight:bold; cursor:pointer;}
/*--------------------------------------------------
News
--------------------------------------------------*/
#news_list a{color:white; text-decoration:underline; text-transform:uppercase; font-size:12px;}
div.news_block{border-bottom:1px dotted grey; padding-bottom:20px;}
div.news_block h2 a{text-transform:uppercase; color:#FF9900; text-decoration:none; font-size:20px; font-weight:lighter;}
div.news_block h2{margin:0; padding:0;}
div.news_block p.intro{color:grey; font-size:12px; line-height:22px; font-weight:lighter; color:#AAAAAA;}
div.news_block p.date{color:grey; font-size:11px; margin:0; padding:0;}
div.news_block a{color:white; text-decoration:underline; font-size:11px;}
#newspage{color:black; padding:50px 200px 150px; width:540px; line-height:22px; font-size:12px; font-weight:lighter; font-family:'Lucida Sans Unicode','MS Sans Serif','Lucida Grande',Geneva,sans-serif;}
#newspage h1.title{margin-bottom:0; padding:0; display:block; color:#1D2153 !important; text-align:center; text-transform:uppercase; font-size:20px; font-weight:normal; font-family:'Lucida Sans Unicode','MS Sans Serif','Lucida Grande',Geneva,sans-serif;}
#newspage h2.subtitle{margin-top:0; padding-top:0; display:block; text-align:center; font-size:11px; color:black; font-weight:normal; font-family:'Lucida Sans Unicode','MS Sans Serif','Lucida Grande',Geneva,sans-serif;}
/*--------------------------------------------------
Social Media
--------------------------------------------------*/
table.socialMedia td.twitter {padding: 0;}
