/*********************************/
/********** JoomlaShell **********/
/*********************************/
body { font-family: Arial; font-size: 16px; line-height: 1.6; margin: 0px; background: #252525; }
p { margin: 15px 0px; }
.clr { clear: both; }
h1, h2, h3, h4, h5 { margin: 0px; }
h1 { font-size: 26px; }
h2 { font-size: 24px; }
h3 { font-size: 22px; }
h4 { font-size: 20px; }
h5 { font-size: 18px; }
input, select, textarea { font-size: 17px; font-family: Arial; }
img { border: none; margin: none; }
ul, li, .menu { list-style: none; padding: 0; margin: 0; }
@media screen and (min-width:768px){
body { font-size: 14px; }
h1 { font-size: 24px; }
h2 { font-size: 22px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
input, select, textarea { font-size: 15px; }
}
/*********************************/
/********** JoomlaShell **********/
/*********************************/
a.link { color: #000000; text-decoration: none; }
a.button_white { color: #000000; text-decoration: none; font-weight: bold; padding: 10px 15px; border: 1px solid #c0c0c0; background: #f0f0f0; }
a.demo_link { float: left; width: 50%; display:block; color: #FFFFFF; text-decoration: none; }
a.download_link { float: right; width: 50%; display:block; color: #FFFFFF; text-decoration: none; }
a.cart_button { padding: 5px 10px; color: #FFFFFF; text-decoration: none; background: #111111; }
a.cart_button:hover { color: #FFFFFF; background: #990000; }
a.links { display: block; border: 3px solid #dedede; padding: 6px 15px; background: #252525; color: #FFFFFF; text-decoration: none; text-align: center; margin: 0px 0px 10px 0px; }
@media screen and (min-width:480px){
a.links { padding: 0px 7px; display: inline; border: none; background: none; margin: 0px; }
}
@media screen and (min-width:768px){
a.links { padding: 0px 43px; }
}
/*********************************/
/********** JoomlaShell **********/
/*********************************/
#header-line { padding: 10px 0px; background: #fafafa; border-bottom: 3px solid #000000; }
#banner-line { padding: 20px 0px 10px 0px; }
#menu-line { background: #f0f0f0; padding: 10px 0px; border-bottom: 1px solid #000000; }
#spacer-line, #bottom-line { height: 20px; background: #fafafa; }
#footer-line { padding: 10px 0px; }
#message-line { padding: 0px 0px 20px 0px; background: #fafafa; }
@media screen and (min-width:480px){
#spacer-line { height: 25px; background: url(../images/spacer.gif); }
#bottom-line { height: 25px; background: url(../images/bottom.gif); }
#footer-line { padding: 25px 0px; }
}
@media screen and (min-width:768px){
#header-line { height: 80px; background: url(../images/header_bg.gif) top; }
#banner-line { padding: 40px 0px 30px 0px; }
#menu-line { height: 45px; background: url(../images/menu_bg.gif) top; padding: 0px; }
}
/*********************************/
/********** JoomlaShell **********/
/*********************************/
#footer-structure { text-align: center; color: #FFFFFF; }
#header-structure, #menu-structure, #banner-structure, #footer-structure, #body2-structure, #message-structure { padding: 0px 15px; }
@media screen and (min-width:480px){
#body-structure { padding: 0px 12px; }
}
@media screen and (min-width:768px){
#header-structure, #menu-structure, #banner-structure, #footer-structure, #body2-structure, #message-structure { padding: 0px 10px; width: 972px; margin: 0 auto; }
#body-structure { width: 992px; margin: 0 auto; }
}
/*********************************/
/********** JoomlaShell **********/
/*********************************/
#body-bg { float: left; width: 100%; background: #fafafa; }
/*********************************/
/********** JoomlaShell **********/
/*********************************/
#logo { max-width: 300px; margin: 0 auto; }
.logo { width: 100%; }
.banner { width: 100%; }
#cart { padding: 10px 0px 0px 0px; text-align: center; }
#login { border-top: 1px solid #111111; padding: 10px 0px 0px 0px; margin: 10px 0px 0px 0px; text-align: center; }
@media screen and (min-width:480px){
.logo { width: auto; height: 80px; }
}
@media screen and (min-width:768px){
#logo { float: left; padding: 0px; max-width: none; }
#left { float: left; width: 302px; }
#body { float: right; width: 650px; }
#cart { float: right; }
#login { float: right; padding: 5px 0px 0px 0px; margin: 0px; border-top: none; }
}
/*********************************/
/********** JoomlaShell **********/
/*********************************/
#menu select { padding: 4px; width: 97%; border: 1px solid #c0c0c0; }
#menu { text-align: center; }
#menu .menu { display: none; }
@media screen and (min-width:768px){
#menu select { display: none; }
#menu { float: left; }
#menu .menu { display: inline-block; }
#menu .menu a { color: #000000; text-decoration: none; padding: 0px; border-top: none; font-size: 15px; font-weight: normal; }
#menu .menu li { float: left; position:relative; margin-right: 50px; padding: 0px; border-bottom: none; line-height: 3; }
#menu .menu li.active a, #menu .menu li.active a:hover, #menu .menu li.active a:active, #menu .menu li.active a:focus { }
#menu ul.menu a:hover { }
}
/*********************************/
/********** JoomlaShell **********/
/*********************************/
ul.pagination { clear: both; text-align: center; }
ul.pagination li.dot { padding: 3px 0;}
ul.pagination li { float: none; display: inline; margin: 0px; padding: 0px; margin: 0px 3px; }
ul.pagination li a { color: #FFFFFF; text-decoration: none; padding: 6px 6px; }
ul.pagination li a img { border: none; }
ul.pagination li a { color: #000000; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
ul.pagination li a { color: #000000; border: solid 1px #c0c0c0; background: url(../images/button.gif) center; }	
ul.pagination li a:hover, ul.pagination li a.current { background: url(../images/button.gif) center; color: #000000; }
ul.pagination li.nav_hide { display: none; }
@media screen and (min-width:480px){
ul.pagination li { margin: 0px 4px; }
ul.pagination li a { padding: 5px 10px; }
}
@media screen and (min-width:768px){
ul.pagination li.nav_hide { display: inline; }
ul.pagination li { margin: 0px 6px; }
}
/*********************************/
/********** JoomlaShell **********/
/*********************************/
.customers_login table { width: 100%; padding: 0px 0px 5px 0px; }
.customers_login td { text-align: left; }
.error_message { border-bottom: 2px solid #990000; border-top: 2px solid #990000; color: #990000; padding: 5px 0px; text-align: center; }
.success_message { border-bottom: 2px solid #252525; border-top: 2px solid #252525; color: #000000; padding: 5px 0px; text-align: center; }
.joomla_boxes { margin: 0px 15px 20px 15px; }
.joomla_holder { border: 1px solid #dedede; padding: 10px; background: #FFFFFF; text-align: center; }
.joomla_title { margin: -10px -10px 10px -10px; padding: 5px 10px; border-bottom: 1px solid #dedede; background: #f0f0f0; }
.thumbs_image { width: 100%; }
.joomla_links { height: 25px; margin: 10px -10px -10px -10px; padding: 5px 10px 5px 10px; border-top: 1px solid #dedede; background: url(../images/items.gif) center; }
.main_image { width: 100%; }
.half_image { width: 50%; }
.image_holder { border: 1px solid #dedede; padding: 5px; background: #FFFFFF; margin: 0px 0px 20px 0px; }
.title_holder { border: 5px solid #dedede; padding: 10px; text-align: center; background: #252525; color: #FFFFFF; margin: 0px 0px 20px 0px; }
.purchase_holder { border: 1px solid #dedede; padding: 10px; text-align: center; background: #f0f0f0; margin: 0px 0px 20px 0px; }
.this_holder { margin-bottom: 5px; }
.price_holder { margin-bottom: 13px; }
.text_holder { display: block; border-bottom: 1px solid #dedede; padding-bottom: 10px; }
.button_holder { padding: 22px 0px; }
.info { width: 100%; }
.info td { border: 1px solid #dedede; padding: 5px 10px; background: #FFFFFF; height: 25px; }
.paypal_holder { text-align: center; border-top: 1px solid #111111; padding: 30px 0px 0px 0px; margin: 30px 0px 0px 0px; }
.download_holder { text-align: center; border-bottom: 1px solid #c0c0c0; padding: 0px 0px 20px 0px; margin: 0px 0px 20px 0px; }
form.password { margin-bottom: 15px; }
.register_holder, .forgot_holder { margin: 0px 0px 20px 0px; }
@media screen and (min-width:480px){
.joomla_boxes { float: left; width: 46%; margin: 0px 2% 20px 2%; }
.links_holder { border-top: 3px solid #dedede; border-left: 3px solid #dedede; border-right: 3px solid #dedede; padding: 6px 15px; background: #252525; font-size: 16px; text-align: center; }
.register_holder { float: left; width: 55%; }
.forgot_holder { float: right; width: 40%; }
}
@media screen and (min-width:768px){
.customers_login table { float: left; width: auto; padding: 0px 0px 10px 0px; }
.email_table { margin: 0px 20px 0px 0px; }
.pass_table { margin: 0px 5px 0px 0px; }
.joomla_boxes { width: 228px; margin: 0px 10px 20px 10px; }
.joomla_links { height: 23px; }
.links_holder { margin: 0px; }
.image_holder { width: 638px; height: 638px; margin: 0px; }
.title_holder { height: 68px; }
.purchase_holder { height: 371px; }
.button_holder { height: 90px; }
}
/*********************************/
/********** JoomlaShell **********/
/*********************************/
.cart_form .inputbox { border: 1px solid #c0c0c0; padding: 4px; width: 93%; }
.cart_form .button, .download_form .button { border: 3px solid #dedede; background: #252525; color: #FFFFFF; padding: 5px 10px; font-weight: bold; }
.download_form .inputbox { border: 1px solid #c0c0c0; padding: 4px; width: 94%; }
.customers_login .inputbox { border: 1px solid #c0c0c0; padding: 4px; width: 94%; }
.customers_login .button { border: 1px solid #c0c0c0; padding: 4px 10px; background: #111111; color: #FFFFFF; }
.purchase_form .button { border: 5px solid #dedede; background: #FFFFFF; color: #000000; padding: 10px; font-size: 24px; font-weight: bold; }
.paypal .button { padding: 5px 10px; margin: 20px 0px; font-size: 20px; border: 3px solid #c0c0c0; background: #111111; color: #FFFFFF; }
.password .inputbox { width: 94%; padding: 4px; border: 1px solid #c0c0c0; }
.password .button { padding: 4px 10px; background: #111111; color: #FFFFFF; border: 1px solid #363636; margin: 10px 0px 0px 0px; }
.register .inputbox { padding: 4px; width: 94%; border: 1px solid #c0c0c0; }
.register .button { padding: 4px 10px; border: 1px solid #c0c0c0; }
.contact .inputbox, .contact textarea { padding: 4px; width: 94%; border: 1px solid #c0c0c0; }
@media screen and (min-width:480px){
.purchase_form .button { padding: 25px 40px; }
.password .inputbox { width: 250px; }
.password .button { margin: 0px 0px 0px 5px; }
.contact textarea { height: 200px; }
}
@media screen and (min-width:768px){
.download_form .inputbox { width: 200px; }
.customers_login .inputbox { width: 180px; }
.register .inputbox { width: 280px; }
.contact .inputbox { width: 300px; }
.contact textarea { height: 270px; }
}