/* Key styles for: MDSNQ*/
/* Website designed and developed by Mojito Solutions, Katrina Youngman */
/* Last updated: Joanne Walter, 19 June 2009*/

/*Reset Styles*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}

body{background: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #5e5e5e; line-height: 1.5em;}

/*Container Styles*/
#wrapper {margin-left: auto; margin-right: auto; width: 960px; padding-top: 20px;}
#banner{background: url(images/bannertop.gif) no-repeat top #183db5;}
#logo{padding: 10px;}
#title{margin-bottom: 60px; padding-left: 100px;}
#navigation{background: #db261d; border-top: 3px solid #fff; border-bottom: 3px solid #fff;}
#content {background-color: #FFFFFF; width: 960px; overflow: hidden;padding-top: 20px; margin-bottom: 20px; }
#content .col {position: relative; float: left;} 
#left {width: 272px; padding: 0px 30px 0px 10px;}
#middle {width: 272px; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc; padding: 0px 30px}
#right{width: 272px; padding: 0px 10px 0px 30px;}

#sidebar{width: 272px; padding: 0px}
#main{width: 638px; padding: 0px 10px 20px 40px;}
#footer{background: #183db5; padding: 15px; overflow: hidden;}
#webdeveloper{padding: 5px 0;}

#breadcrumbs {padding-bottom: 10px; width: 440px; float: left;}

#button-1{margin-bottom: -20px;}
#testimonial{background: url(images/quote-top.gif) no-repeat top #ccc; padding: 15px 10px 0 10px;}

blockquote {display: block; padding: 25px 20px 0px 20px;;width: 272x;}
blockquote:before, blockquote:after {color: #fff; display: block; font-size: 500%; font-family: Arial, Helvetica, sans-serif;}
blockquote:before {content: open-quote; height: 0;margin-left: -0.40em; margin-top: -10px;}
blockquote p {margin-top: -10px; font-size: 1em; color: #666; font-weight: bold; padding: 0; line-height: 1.3em;}
blockquote:after {content: close-quote; margin-top: 0px; margin-left: 210px; font-family: Arial, Helvetica, sans-serif;}
.author {text-align: right; padding-right: 5px; margin-top: -10px; padding-bottom: 0;}

/*Navigation Styles*/
#navigation ul {padding: 5px;}
#navigation li {margin: 0; display: inline; list-style: none;}
#navigation li a{padding: 0 38px; text-decoration: none; color: #fff; font-size: 1em; text-transform: uppercase; font-weight: bold; border-right: 2px solid #fff;}
#navigation li a:hover {color: #ffff00; border-bottom: none;}
#navigation li.last a{border-right: none;}

#submenu li{margin: 0; display: block; list-style: none; border-bottom: 1px solid #ccc;  background: #fff;}
#submenu li a{padding: 10px 12px; text-decoration: none; color: #183db5; font-size: 1.4em; display: block;}
#submenu li a:hover{background: #ccc; }

#submenu ul li ul li{border-bottom: none; border-top: 1px solid #ccc;}
#submenu ul li ul li a{font-size: 1.2em; color: #333; padding: 10px 12px;}

/*Link Styles*/
a {color: #183db5; text-decoration: none;}
a:link{color: #183db5;}
a:visited {color: #183db5; }
a:hover {color: #d71d1d;}

#footer a{color: #ffff00;}
#footer a:hover{color: #fff;}

/*Paragraph Styles*/
h1 {font-size: 2em; color: #d71d1d; padding-bottom: 15px; font-weight: normal; line-height:1.1em; clear: both; }
h2 {font-size: 1.8em; color: #183db5; padding-bottom: 10px; font-weight: normal; line-height: 1.1em;}
h3 {font-size: 1.4em; color: #183db5; padding-bottom: 2px; font-weight: normal; line-height: 1.1em;}
h4 {font-size: 1.1em; padding-bottom: 2px; line-height: 1.1em;}
p {padding-bottom: 15px;}


#footer p{padding: 40px 5px 5px 5px; color: #fff; text-align: right;} 
#submenu h2{background: #d71d1d; color: #fff; font-size: 1em; font-weight: bold; text-transform: uppercase; padding: 5px 15px;}

/*Table Styles*/
table {background-color: #ccc; border: 1px solid #fff; margin-bottom: 15px;}
table td{ padding: 5px; background-color: #ccc; color: #183db5; border: 1px solid #fff;}

/*List Styles*/
#content ul, #content ol {margin-left: 30px; padding-bottom: 15px;}
#submenu ul{margin-left: 0px;}

/*Image Styles*/
#content img {padding: 0px;}
#main img{margin: 5px;}
#main .product img{margin: 0 20px 0 0;}
#sidebar img{border: 5px solid #353535;} 
#content img.left{margin: 5px 20px 5px 0px;}
#content img.right{margin: 5px 0px 5px 20px;}

/*Class Selectors*/
.right {float: right;}
.left {float: left;}
.clear {clear: both;}
.product{clear: both; padding: 20px 0;}
.divider {clear: both; border-bottom: 1px solid #888; margin-bottom: 25px; padding-bottom: 15px;}
.small {font-size: .8em; padding: 3px 0; margin: 0; color: #fff;}


.cartlink { float: right; font-size: .8em; margin-top: 0px;  }
.tc_view { margin: 10px; }
.tc_cart_empty { margin: 5px; }
.tc_cart_count { margin-left: 5px;}
.addtocart{float:right; padding-top: 10px;}


.tcimage{float: left;}
.product-add{padding-top: 5px;}
.treasure_cart{font-size: 1.2em; float: left;}

#search { float: right;  }
.ajaxSearch_highlight {background: yellow}