/**
 * Created by Ruwaid Siddiqui
 * Email: info@ruwaidsiddiqui.com
 * Website: http://www.ruwaidsiddiqui.com
 */

/* General Styles
----------------------------------------------------------------------------------------------------*/
body { color: #333333; }
h1, h2 { color: #A12A33; text-transform: uppercase; }
h3, h4 { color: #333333; text-transform: uppercase; }
h5, h6  { color: #333333; }
a { color: #A12A33; text-decoration: none; }
a:hover { text-decoration: underline; }

/* Layout Base
----------------------------------------------------------------------------------------------------*/
#header { margin: 10px 0 15px; }
#logo { text-align: center; margin-bottom: 15px; }
#basket { text-align: right; font-size: 13px; font-weight: bold; }

#nav ul { margin: 0 auto; }
#nav ul li { list-style: none; float: left; margin: 0; text-transform: uppercase; padding: 0 10px; border-left: dotted 1px #999; }
#nav ul li:first-child { border-style: none; }
#nav ul li a { color: #333333; }
#nav ul li a:hover, #nav ul li.active a { color: #A12A33; text-decoration: none; }

#container { border: solid 5px #ececec; min-height: 500px; padding: 15px 15px 70px; box-shadow: 0 0 10px 1px #999; position: relative; }

#footer { padding: 15px; position: absolute; bottom: 0; left: 0; right: 0; }
#footer #bottom_nav { margin-top: 10px; }
#copyright { font-size: 13px; }
#social_icons a { display: inline-block; margin: 3px 1px 0; }
#copyright { text-align: center; margin: 20px 0; }

/* Page Components
----------------------------------------------------------------------------------------------------*/
#accordian_menu > li { list-style: none; font-weight: bold; border-bottom: solid #ccc 1px; margin: 0; }
#accordian_menu > li div { padding: 12px 0; display: block; font-size: 15px; }
#accordian_menu > li div span { background: url("../images/red-bullet.gif") no-repeat left center; display: inline-block; width: 10px; height: 10px; }
#accordian_menu > li div a { margin-left: 5px; color: #333333; }
#accordian_menu > li div a:hover { text-decoration: none; }
#accordian_menu > li.expanded div span { background-image: url("../images/red-bullet-down.gif") }
#accordian_menu > li.expanded ul { display: block; }
#accordian_menu > li ul { display: none; }
#accordian_menu > li ul li { list-style: none; margin-left: 30px; text-transform: uppercase; line-height: 20px; }
#accordian_menu > li ul li a { color: #333333; }
#accordian_menu > li ul li a:hover { color: #A12A33; text-decoration: none; }
#accordian_menu > li a.active { color: #A12A33; }

#collection_listing li { list-style: none; margin: 20px 20px 20px 0; width: 345px; display: block; float: left }
#collection_listing li.rmg { margin-right: 0; }
#collection_listing li h2 a { color: #333333; }
#collection_listing li img { float: left; }
#collection_listing li div { padding-left: 8px; float: right; width: 205px; height: 120px; border-left: solid 2px #EEEEEE; }

#product_listing .block { width: 120px; margin: 0 26px 20px 0; display: block; float: left; position: relative; }
#product_listing .block.rmg { margin-right: 0; }
#product_listing .block span { position: absolute; top: 10px; left: 10px; display: block; padding: 4px 8px; background: rgba(0,0,0,0.5); color: #eeeeee; font-size: 10px; }
#product_listing .block a { display: block; color: #333333; }
#product_listing .block a div { text-transform: uppercase; text-align: center; margin-top: 5px; }
#product_listing .block a:hover { color: #A12A33; text-decoration: none; }

#product_details { margin: 20px 0 30px; line-height: 18px; }

#item_images div { display: none; cursor:-moz-zoom-in; cursor:-webkit-zoom-in; }
#item_images div.zoom { cursor:-moz-zoom-out; cursor:-webkit-zoom-out; }

#product_items li { list-style: none; margin: 0 16px 20px 0; width: 70px; display: block; float: left; text-align: center; font-size: 11px; font-family: tahoma; min-height: 120px; }
#product_items li img { margin-bottom: 5px; width: 70px; height: 70px; }
#product_items li.rmg { margin-right: 0; }

#basket_items { width: 100%; }
#basket_items tr { border-bottom: dotted 1px #cccccc; }
#basket_items tr th { background-color: #A12A33; color: #ffffff; padding: 5px 10px; }
#basket_items tr th.title { font-size: 16px; font-weight: bold; }
#basket_items tr td { padding: 15px 5px 15px 10px; line-height: 16px; }
#basket_items tr .selector { padding-right: 15px; }
#basket_items tr .selector, #basket_items tr td.num { text-align: right; }
#basket_items tr input[type="checkbox"] { margin: 0 0 0 2px; }

#gallery_hd { text-align: center; font-size: 20px; margin: 10px 0 25px; font-family: Times New Roman; font-weight: normal; }
#gallery { width: 800px; height: 475px; margin: 0 auto 40px; position: relative; }
#gallery img { display: none; position: absolute; }
#gallery img.current { display: block; z-index: 10; }
#slides { border: solid 5px #ececec; height: 100px; padding: 10px; box-shadow: 0 0 5px 0px #999999; width: 870px; margin: 0 auto; }
#slides .left_btn, #slides .right_btn { width: 30px; height: 100%; display: block; cursor: pointer; float: left; }
#slides .left_btn { background: url("../images/left-arrow.jpg") no-repeat center center; margin-right: 5px; }
#slides .left_btn:hover { background-image: url("../images/left-arrow-hover.jpg"); }
#slides .right_btn { background: url("../images/right-arrow.jpg") no-repeat center center; margin-left: 5px; }
#slides .right_btn:hover { background-image: url("../images/right-arrow-hover.jpg"); }
#slides .thumbs_holder { width: 800px; height: 100%; display: block; float: left; position: relative; overflow: hidden; }
#slides .thumbs_holder img { margin: 0 2px; cursor: pointer; float: left; }
#slides .thumbs_holder .roller { position: absolute; top: 0; }

#search_form label { display: inline-block; margin: 0; }
#search_form label input[type="checkbox"] { width: auto; margin: 2px 2px 2px 5px; vertical-align: top; }
#search_options { width: 100%; border: solid 1px #ececec; margin-bottom: 20px; }
#search_options tr { border-bottom: dotted 1px #ececec; }
#search_options tr th { background-color: #ececec; padding: 8px 10px; }
#search_options tr th h2 { margin-bottom: 0; }
#search_options tr td { padding: 8px 10px 0; }
#search_options tr td:first-child { font-weight: bold; padding-right: 0; }
#search_options tr td label { width: 135px; text-align: right; margin: 0 0 10px 5px; float: left; }
#search_options tr td label span { width: 112px; display: inline-block; }
#search_options tr:last-child td { padding: 10px; }

#pagination { text-align: right; }
#pagination a, #pagination strong { margin: 0 2px; }

/* Form Styles
----------------------------------------------------------------------------------------------------*/
form label { display: block; margin: 10px 0 3px; }
form input, form select, form textarea { width: 100%; border: solid 1px #cccccc; padding: 4px; font-size: 12px; margin: 0; color: #333333; outline: none; }
form input:focus, form select:focus, form textarea:focus { border: solid 1px #999999; }
form input.error_field, form select.error_field, form textarea.error_field { border: solid 1px #A12A33; }

#sample_form { display: block; padding: 0 10px; margin-bottom: 50px; }

/* Helpers
----------------------------------------------------------------------------------------------------*/
.floatleft { float: left; }
.floatright { float: right; }
.txtcenter { text-align: center; }
.txtleft { text-align: left; }
.txtright { text-align: right; }
.bold { font-weight: bold; }
.hints { color: #999999; margin-top: 5px; font-size: 13px; }
.inline_error { color: #A12A33; font-style: italic; margin-top: 5px; font-size: 13px; }
.success { color: green; text-align: center; }
.error { color: #d1421d; text-align: center; }
.success img, .error img { vertical-align: bottom; }

.page_thumbnail { margin-bottom: 20px; }
.hd_line { font-style: italic; border-bottom: solid 2px #A12A33; padding-bottom: 5px; }
.greybg { background-color: #ececec; padding: 8px 10px; }

a.white_btn { background: url("../images/whitebtnbg.jpg") repeat-x; height: 22px; padding: 0 10px; line-height: 22px; border: solid 1px #cccccc; border-radius: 3px; display: inline-block; }
a.white_btn:hover { text-decoration: none; }
a.white_btn:active { background-image: url("../images/whitebtnbginverse.jpg"); }

.red_btn { background: url("../images/redbtnbg.jpg") repeat-x; height: 25px; padding: 0 30px; line-height: 22px; border-radius: 6px; display: inline-block; color: #ffffff; font-size: 16px; font-weight: bold; font-style: italic; }
.red_btn:hover { text-decoration: none; }
.red_btn:active { background-image: url("../images/redbtnbginverse.jpg"); }

/* OS Compatibility Fixing
----------------------------------------------------------------------------------------------------*/
.win h1 { font-size: 20px; }
.win h4, .win h5, .win #accordian_menu > li div { font-size: 17px; }
.win body, .win h6 { font-size: 16px; }
.win #basket, .win .inline_error, .win .hints { font-size: 15px; }
.win h2, .win h3, .win #basket_items tr th.title, .win .red_btn { font-size: 18px; }