@charset 'UTF-8';
/* Yeah Yeah I know I could have just used '*' but I'm an Idiot so I didn't. Duh... */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i, ruby, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

button, command{
    margin: 0;
    font-size: 30px;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* If you don't like the color be my guest change it */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

/* Setting some Exceptions for Buttons and Submit Buttons .....  It doesn't work for IE6-8 (Ancient) use selectivizr*/

input[type="button"], input[type="submit"], input[type="upload"]{
    padding: 1px 6px;
    font-size: 30px;
}


/* Don't forget to assign some padding to the input fields/buttons in your CSS */

input, select {
    vertical-align:middle;
    padding: 0;
    margin: 0; 
}

/* When it's printed it won't show the text in the Href but it will show the Link it-self<br />

Eg: <a href="http://example.com">This is a Link</a>
    When you print it you get the Text Node in the Link.
    
    This fixes it.
    
    And gives you the actual link if it was for Print. 
    
    Remember to change #main-content to the main content of your page (where you have the main content)
    
    YadaYadaYada........
 */
 
 @media print  {
    #main-content a[href]:after  {
     " (" attr(href) ") ";
}
 }
 * { margin:0px; padding:0px; }
img { border:0; }
a { outline:none; text-decoration:none; }
form { margin:0; }
p { margin:0; }
ul, li { margin:0; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; margin:0; }
.fl { float:left; }
.fr { float:right; }
.clear { clear:both; }

body{
	
	font-family:Calibri, Arial, Helvetica, sans-serif;
	background:url(../images/main_bg.jpg) 50% 0 no-repeat;
	background-size:cover;
	width:100%;
	margin:auto;
	}
/* ===================== common classes =============================*/

#wrapper{
	width:960px;
	margin:0 auto;
		
	}
	
#wrapper #header{
	position:relative;
	height:307px;
	width:1055px;
	background:url(../images/header_bg.png) 0 0 no-repeat;	
	}
	
#wrapper #logo{
	position:absolute;
	top:17px;
	left:10px;
	}	
#wrapper .login{
     left: 330px;
   /* position: relative;
	float: left;*/
    top: 238px;
    width: 414px;
	}
	
#wrapper .login ul{ list-style:none; position:relative; left: 170px;	}		
#wrapper .login ul li{ float:left; display:inline}		
#wrapper .login ul li a{ 
	font-size:14px;
	float:left;
	color:#fff;
	line-height:32px;
	margin-left:10px;
	text-decoration:none;
}
#wrapper .login ul li a:hover{ 	text-decoration:underline;}	
a span.log{ 
	width:36px;
	height:39px;float:left;
	background:url(../images/icons.png) 0 0 no-repeat;
}	
a span.cart{ 
	width:36px;
	height:39px;
	float:left;
	background:url(../images/icons.png) 0 -48px no-repeat;
}		
.social_links{
	left: 808px;
    position: absolute;
    top: 211px;
	}
.social_links ul{ list-style:none;	}		
.social_links ul li{ 
	display: inline;
    float: left;
    margin: 0 4px 0 11px;
	}	
.content{
	 min-height: 913px;
    position: relative;
}
	
#sider_bar{ 
	 background: url("../images/sidebar_bge.png") no-repeat scroll 0 0 transparent;
    padding: 10px;
    position: absolute;
    top: -122px;
    width: 295px;
	float:left;
	}
	
#sider_bar h1{ 
	font-family: 'Patua One', cursive;
	font-size:36px;
	color:#fbdede;
	padding:26px 32px;
	text-shadow:1px 1px 0 #000;
	-moz-text-shadow:1px 1px 0 #000;
	-webkit-text-shadow:1px 1px 0 #000;
	-ms-text-shadow:1px 1px 0 #000;
	}
		
#sider_bar #navition{}	
#sider_bar #navition ul{
    clear: both;
   list-style: none outside none;
    margin: 19px 0 0 -7px;
    position: relative;
}	
#sider_bar #navition ul li{
	display:block;
	
	}	
#sider_bar #navition ul li a{
	color:#050505;
	font-family: 'ArialRoundedMTBold';
	font-size:24px;
	padding:6px 0 6px 67px;
	float:left;
	font-weight:bold;
	width:226px;
	background:url(../images/list_Arro.png) 36px 10px no-repeat;
	}		
	
#sider_bar #navition ul li a:hover, .selected,#navition li.current_page_item a {
	background:url(../images/menu_bg.png) 0 0 no-repeat !important;
	color:#fff !important;
	}	

.part_logo{margin-top:40px;}	
.right_cont{
	float:right;
	width:620px;
	}
.right_cont h1{
	font-size:36px;
	color:#1160b3;
	font-family: 'Patua One', cursive;
	}
.prod_box{
	width:285px;
	height: 362px;
	border:1px solid #d4d4d4;
	background:#fff url(../images/product_area.jpg) 0 100% repeat-x;
	padding-bottom:10px;
	box-shadow:1px 1px 0 #666;
	-moz-box-shadow:1px 1px 0 #666;
	-webkit-box-shadow:1px 1px 0 #666;
	-ms-box-shadow:1px 1px 0 #666;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-ms-border-radius:3px;
	padding-top:4px;
	}	
.prod_box p{
color: #020304;
    font-size: 12px;
    height: 55px;

    padding: 5px 40px;
    text-align:justify;
}
ul.product_list{ list-style:none;}	
ul.product_list li{float:left; display:inline; margin:22px 22px 0 0;}
#footer{
	width:1055px;
	background:#000;
	padding:10px 0;
	float:left;
	}

.main_fooer{
	background:url(../images/footer_logo.png) 100% 0px no-repeat;
	width:980px;
	margin:0 auto;
	padding-bottom:15px;
	}
.main_fooer ul{
	list-style:none;
	margin:10px 0 0 0;
	}	
	
.main_fooer ul li{
	display:inline
	}		
.main_fooer ul li a{
	font-size:12px;
	color:#fff;
	padding: 0 9px 0;
	border-right: 1px solid;
	line-height:20px;
	}		
.main_fooer ul li:last-child a{
	border-right: none
	}		
	
.main_fooer ul li a:hover{
	text-decoration:underline;
	}	
.main_fooer p{
	color:#fff;
	font-size:11px;
	padding:10px;
	}	
.background{
	background:url(../images/background.jpg) 0 100% repeat-x;
	height:284px;
	position:absolute;
	top:0;
	left:0;
	width:50%;
	}	
/* ===================== common classes =============================*/
.mt10{margin-top:10px;}



#comments{
	float:left;
}
#container{
}
.onsale{
	display:none !important;
}
.related ul.products li.product, .related ul li.product, .upsells.products ul.products li.product, .upsells.products ul li.product{
	width:21% !important;}

#menu-item-715, #menu-item-2603{display:none !important;}
#menu-item-718, #menu-item-2599 {display:none !important;}
.form-allowed-tags { display:none !important;}
@media(min-width: 1055px){
  #footer{width:100%;}
}



/*for popup*/
      .black_overlay{
            display: none;
            position: absolute;
            top: 0%;
            left: 0%;
            width: 100%;
            height: 100%;
            background-color: black;
            z-index:1001;
            -moz-opacity: 0.8;
            opacity:.80;
            filter: alpha(opacity=80);
        }
        .white_content {
            display: none;
            position: fixed;
            top: 25%;
            left: 25%;
            width: 50%;
           
            z-index:1002;
            overflow: auto;
        }
		.content-area{ border: 22px solid #eee;
            background-color: white; padding:25px;}
			.content-area h2{ width:100%;font-size:22px; font-weight:bold; border-bottom:1px solid #ccc;float:left;padding-top:20px; padding-bottom:20px; margin-bottom:10px;color:#e373bb;background:url(../images/Australia-Flag.png) no-repeat right; }
		.close-btn{position: absolute; top:0px; right:0px;}
		.content-area p.ques{font-size: 22px;
line-height: 32px;
text-align: center; color:#1665b9;}
.link-popup{ padding:10px 10px; background:url(../images/background.jpg) repeat; border-radius:10px; width:40%; float:left; text-align:center; font-size:18px; color:#fff; margin-left:5%; }
.link-popup a{color:#fff;}
.link-popup a:hover{color:#000;}
.footer-link{ margin-top:20px;}